.mod_btns .mod_btn.bg_bt+span.mod_btn,
.mod_btns .mod_btn.bg_chou+span.mod_btn,
.mod_btns .mod_btn.bg_help+span.mod_btn,
.mod_btns .mod_btn.bg_jd+span.mod_btn,
.mod_btns .mod_btn.bg_offline+span.mod_btn,
.mod_btns .mod_btn.bg_pay+span.mod_btn,
.mod_btns .mod_btn.bg_qq+span.mod_btn,
.mod_btns .mod_btn.bg_tenPay+span.mod_btn,
.mod_btns .mod_btn.bg_wx+span.mod_btn {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none
}

.mod_btns .mod_btn {
    background: #f3f3f3;
    color: #fff
}

.mod_btns .mod_btn:active {
    background: #e6e6e6
}

.mod_btns .mod_btn.bg_1 {
    background: #e4393c;
    color: #fff
}

.mod_btns .mod_btn.bg_1:active {
    background: #e12326
}

.mod_btns .mod_btn.bg_2,
.mod_btns .mod_btn.mod_btn_bg1 {
    background: #3884ff;
    color: #fff
}

.mod_btns .mod_btn.bg_2:active,
.mod_btns .mod_btn.mod_btn_bg1:active {
    background: #1f74ff
}

.mod_btns .mod_btn.bg_3,
.mod_btns .mod_btn.mod_btn_bg {
    background: #f19325;
    color: #fff
}

.mod_btns .mod_btn.bg_3:active,
.mod_btns .mod_btn.mod_btn_bg:active {
    background: #ed870f
}

.mod_btns .mod_btn.bg_4 {
    background: #fff;
    position: relative;
    color: #333
}

.mod_btns .mod_btn.bg_4:active {
    background: #f2f2f2
}

.mod_btns .mod_btn.bg_5 {
    background: #67ad03;
    color: #fff
}

.mod_btns .mod_btn.bg_5:active {
    background: #589403
}

.mod_btns .mod_btn.bg_6 {
    background: #1bc6c3;
    color: #fff
}

.mod_btns .mod_btn.bg_6:active {
    background: #18b0ad
}

.mod_btns .mod_btn.bg_7 {
    background: #666;
    color: #fff
}

.mod_btns .mod_btn.bg_7:active {
    background: #595959
}

.mod_btns .mod_btn.bg_8 {
    background: #32b8ea;
    color: #fff
}

.mod_btns .mod_btn.bg_8:active {
    background: #1bb0e8
}

.mod_btns .mod_btn.bg_9 {
    background: #18c461;
    color: #fff
}

.mod_btns .mod_btn.bg_9:active {
    background: #15ad56
}

.mod_btns .mod_btn.bg_10 {
    background: #d05148;
    color: #fff
}

.mod_btns .mod_btn.bg_10:active {
    background: #ca3e34
}

.mod_btns .mod_btn.bg_11 {
    background: #fff;
    position: relative;
    color: #333;
    color: #e4393c
}

.mod_btns .mod_btn.bg_11:active {
    background: #f2f2f2
}

.mod_btns .mod_btn.bg_12 {
    background: #6a77b6;
    color: #fff
}

.mod_btns .mod_btn.bg_12:active {
    background: #5967ae
}

.mod_btns .mod_btn,
.mod_btns .mod_btn.bg_4 {
    border-color: #ddd;
    color: #333
}

.mod_btns {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    margin: 15px 10px
}

.mod_btns .mod_btn {
    display: block;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    min-width: 0;
    height: 46px;
    line-height: 46px;
    text-align: center;
    font-size: 16px;
    border-radius: 4px;
    position: relative
}

.mod_btns .mod_btn span {
    display: block;
    line-height: 34px
}

.mod_btns .mod_btn span small {
    display: block;
    font-size: 10px;
    margin-top: -18px;
    opacity: .7
}

.mod_btns .mod_btn.bg_4,
.mod_btns .mod_btn.bg_11,
.mod_btns .mod_btn.bg_bt,
.mod_btns .mod_btn:not([class*="bg"]) {
    height: 44px;
    line-height: 44px;
    border: 1px solid #ddd
}

.mod_btns .mod_btn.bg_4 span,
.mod_btns .mod_btn.bg_11 span,
.mod_btns .mod_btn.bg_bt span,
.mod_btns .mod_btn:not([class*="bg"]) span {
    line-height: 34px
}

.mod_btns .mod_btn.bg_bt+span.mod_btn,
.mod_btns .mod_btn.bg_chou+span.mod_btn,
.mod_btns .mod_btn.bg_help+span.mod_btn,
.mod_btns .mod_btn.bg_jd+span.mod_btn,
.mod_btns .mod_btn.bg_offline+span.mod_btn,
.mod_btns .mod_btn.bg_pay+span.mod_btn,
.mod_btns .mod_btn.bg_qq+span.mod_btn,
.mod_btns .mod_btn.bg_tenPay+span.mod_btn,
.mod_btns .mod_btn.bg_wx+span.mod_btn {
    width: 40px;
    font-size: 12px
}

.mod_btns .mod_btn.bg_bt+span.mod_btn::before,
.mod_btns .mod_btn.bg_chou+span.mod_btn::before,
.mod_btns .mod_btn.bg_help+span.mod_btn::before,
.mod_btns .mod_btn.bg_jd+span.mod_btn::before,
.mod_btns .mod_btn.bg_offline+span.mod_btn::before,
.mod_btns .mod_btn.bg_pay+span.mod_btn::before,
.mod_btns .mod_btn.bg_qq+span.mod_btn::before,
.mod_btns .mod_btn.bg_tenPay+span.mod_btn::before,
.mod_btns .mod_btn.bg_wx+span.mod_btn::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.mod_btns .mod_btn.bg_chou+span.mod_btn::before,
.mod_btns .mod_btn.bg_help+span.mod_btn::before,
.mod_btns .mod_btn.bg_offline+span.mod_btn::before,
.mod_btns .mod_btn.bg_wx+span.mod_btn::before {
    background: url() no-repeat 50%;
    background-size: 15px 15px
}

.mod_btns .mod_btn~.mod_btn {
    margin-left: 10px
}

.mod_btns .mod_btn+span.mod_btn {
    margin-left: 3px
}

.mod_btns .mod_btn.bg_11 {
    border-color: #e93b3d
}

.mod_btns .mod_btn.bg_wx {
    background: #06ba04;
    color: #fff;
    border-color: #06ba04
}

.mod_btns .mod_btn.bg_wx:active {
    background: #05a103
}

.mod_btns .mod_btn.bg_tenPay {
    background: #3a77e7;
    color: #fff;
    border-color: #3a77e7
}

.mod_btns .mod_btn.bg_tenPay:active {
    background: #2367e4
}

.mod_btns .mod_btn.bg_qq {
    background: #ef8109;
    color: #fff;
    border-color: #ef8109
}

.mod_btns .mod_btn.bg_qq:active {
    background: #d67408
}

.mod_btns .mod_btn.bg_jd {
    background: #d05148;
    color: #fff;
    border-color: #d05148
}

.mod_btns .mod_btn.bg_jd:active {
    background: #ca3e34
}

.mod_btns .mod_btn.bg_bt {
    background: #fff;
    position: relative;
    color: #333;
    color: #e4393c;
    border-color: #e4393c
}

.mod_btns .mod_btn.bg_bt:active {
    background: #f2f2f2
}

.mod_btns .mod_btn.bg_pay {
    background: #bbebe9;
    color: #0f8783;
    border-color: #39c7c2
}

.mod_btns .mod_btn.bg_pay:active {
    background: #a7e5e3
}

.mod_btns .mod_btn.bg_help {
    background: #d8daff;
    color: #7a87c8;
    border-color: #8c9ade
}

.mod_btns .mod_btn.bg_help:active {
    background: #bfc2ff
}

.mod_btns .mod_btn.bg_chou {
    background: #fdf0dc;
    color: #e68905;
    border-color: #facb87
}

.mod_btns .mod_btn.bg_chou:active {
    background: #fce6c4
}

.mod_btns .mod_btn.bg_offline {
    background: #d8ecff;
    color: #5d8fc7;
    border-color: #4db2ee
}

.mod_btns .mod_btn.bg_offline:active {
    background: #bfe0ff
}

.mod_btns .mod_btn.disabled {
    cursor: default;
    color: #999;
    background: #d7d7d7;
    border-color: #d7d7d7
}

.mod_btns .mod_btn.disabled:active {
    background: #d7d7d7
}

.mod_btns_wrap .mod_btn:first-child {
    text-indent: 45px
}

.mod_alert {
    position: relative;
    box-sizing: border-box;
    width: 270px;
    margin: 20px auto 0;
    padding: 20px 15px 15px;
    text-align: center;
    border-radius: 6px;
    color: #333;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .3)
}

.mod_alert .icon {
    display: block;
    width: 50px;
    height: 50px;
    margin: 5px auto 10px;
    background: url() no-repeat;
    background-size: 50px auto
}

.mod_alert .icon_fail {
    background-image: url()
}

.mod_alert .icon_wait {
    background-image: url()
}

.mod_alert .icon_success {
    background-image: url()
}

.mod_alert .close {
    padding: 12px;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2
}

.mod_alert .close::after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url() 50% no-repeat;
    background-size: 11px auto
}

.mod_alert p {
    font-size: 16px
}

.mod_alert p+.small {
    margin-top: 8px
}

.mod_alert p.medium {
    font-size: 14px
}

.mod_alert p.small {
    font-size: 12px;
    color: #999
}

.mod_alert p.alignLeft {
    text-align: left
}

.mod_alert small {
    font-size: 12px;
    color: #999
}

.mod_alert hr {
    height: 1px;
    background: #e5e5e5;
    border: none;
    margin: 0 15px
}

.mod_alert .btns {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 15px -15px 0
}

.mod_alert .btns:last-child {
    margin: 20px -15px -15px
}

.mod_alert .btns:last-child::after {
    display: none
}

.mod_alert .btns::after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #e5e5e5;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .mod_alert .btns::after {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 100%
    }
}

.mod_alert .btns .btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center
}

.mod_alert .btns .btn+.btn::after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #e5e5e5;
    width: 1px;
    top: 0;
    bottom: 0;
    left: 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .mod_alert .btns .btn+.btn::after {
        -webkit-transform: scaleX(.5);
        -webkit-transform-origin: 0 50%
    }
}

.mod_alert .btn {
    position: relative;
    width: 100px;
    height: 44px;
    line-height: 44px;
    background: #fff;
    color: #333;
    font-size: 14px
}

.mod_alert .btn::before {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #e5e5e5;
    height: 1px;
    left: 0;
    right: 0;
    top: 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .mod_alert .btn::before {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 0
    }
}

.mod_alert .btn.disabled {
    color: rgba(51, 51, 51, .3)
}

.mod_alert .btn_1 {
    color: #e93b3d
}

.mod_alert .disabled span {
    margin-left: 5px;
    color: #e93b3d
}

.mod_alert.fixed {
    display: none;
    z-index: 899;
    position: fixed;
    left: 50%;
    top: 50%;
    margin: auto;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.mod_alert.one_line {
    width: auto;
    overflow: hidden;
    white-space: nowrap;
    max-width: 270px;
    padding: 10px 15px;
    color: #fff;
    background: rgba(0, 0, 0, .8)
}

.mod_alert_black {
    text-align: center
}

.mod_alert_black .mod_alert {
    display: inline-block;
    width: auto;
    min-width: 128px;
    max-width: 270px;
    background-color: rgba(0, 0, 0, .7);
    padding-top: 15px
}

.mod_alert_black .mod_alert p {
    color: #fff
}

.mod_alert_black .mod_alert .icon_fail {
    background-image: url()
}

.mod_alert_black .mod_alert .icon_success {
    background-image: url()
}

.mod_alert_info {
    padding-top: 0;
    padding-bottom: 0
}

.mod_alert_info .btns:last-child {
    margin-bottom: 0
}

.mod_alert_info .title {
    padding: 0 30px;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    font-weight: 400;
    position: relative
}

.mod_alert_info .title::after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #e5e5e5;
    height: 1px;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 -15px
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .mod_alert_info .title::after {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 100%
    }
}

.mod_alert_info .inner {
    position: relative;
    margin: 12px 0;
    text-align: left;
    max-height: 199px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.mod_alert_info .inner dl+dl:not(:last-child) {
    margin-bottom: 8px
}

.mod_alert_info .inner dt {
    font-size: 14px;
    font-weight: 400;
    color: #333;
    margin-bottom: 4px
}

.mod_alert_info .inner dd,
.mod_alert_info .inner li {
    font-size: 12px;
    color: #999
}

.mod_alert_info .inner~.btns {
    margin-top: 12px
}

.mod_alert_info .scrollbox {
    position: relative
}

.mod_alert_info .scrollbox::before {
    content: "";
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 25px;
    background: -webkit-linear-gradient(top, hsla(0, 0%, 100%, .5), #fff);
    background: linear-gradient(180deg, hsla(0, 0%, 100%, .5), #fff);
    z-index: 1
}

.mod_alert_info .scrollbox .inner {
    padding-bottom: 25px
}

.mod_alert_info .scrollbox~.btns {
    margin-top: 15px
}

.mod_alert_loading {
    background: none
}

.mod_alert_large {
    width: 290px
}

.mod_alert_mask {
    display: none;
    position: fixed;
    left: 0;
    top: 0;
    bottom: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, .3);
    z-index: 898
}

.mod_alert.show,
.mod_alert_mask.show {
    display: block
}

.wx_loading {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 90;
    background-color: transparent
}

.wx_loading_inner {
    text-align: center;
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    position: fixed;
    top: 50%;
    left: 50%;
    margin-left: -70px;
    margin-top: -48px;
    width: 140px;
    border-radius: 6px;
    font-size: 14px;
    padding: 58px 0 10px
}

.wx_loading_icon {
    position: absolute;
    top: 15px;
    left: 50%;
    margin-left: -16px;
    width: 24px;
    height: 24px;
    border: 2px solid #fff;
    border-radius: 24px;
    -webkit-animation: gif 1s infinite linear;
    animation: gif 1s infinite linear;
    clip: rect(0 auto 12px 0)
}

@keyframes gif {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(1turn);
        transform: rotate(1turn)
    }
}

@-webkit-keyframes gif {
    0% {
        -webkit-transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(1turn)
    }
}

.wx_loading2 {
    text-align: center;
    padding: 5px;
    height: 32px;
    position: relative
}

.wx_loading2 img {
    display: block;
    width: 16px;
    height: 16px;
    margin: 0 auto
}

.wx_loading2 .wx_loading_icon {
    border-color: #237fe5;
    top: 7px
}

.wx_loader {
    background-color: rgba(0, 0, 0, .5);
    color: #fff;
    border-radius: 6px;
    font-size: 14px;
    text-align: center;
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -30px 0 0 -60px;
    height: 60px;
    line-height: 60px;
    width: 120px
}

.wx_wrap {
    min-height: 375px
}

.qq_footer,
.wx_footer {
    margin: 25px 0 75px
}

.qq_footer .jd_logo,
.wx_footer .jd_logo {
    display: block;
    width: 100px;
    height: 20px;
    margin: 0 auto;
    background: url() no-repeat;
    background-size: 100%
}

.qq_footer .qq_info,
.wx_footer .qq_info {
    display: none
}

.mod_blockTips .btn {
    background: #e4393c;
    color: #fff
}

.mod_blockTips .btn:active {
    background: #e12326
}

.wx_ending {
    text-align: center;
    padding: 10px;
    line-height: 18px
}

.wx_ending strong {
    color: #ff8c00
}

.mod_blockTips {
    position: relative;
    padding: 7px 10px;
    font-size: 12px;
    color: #d3820f !important;
    background: #fff2ca
}

.mod_blockTips .link,
.mod_blockTips em {
    color: #3985ff
}

.mod_blockTips .right {
    float: right
}

.mod_blockTips .right em {
    font-size: 12px
}

.mod_blockTips .btn {
    display: block;
    width: 50%;
    height: 30px;
    line-height: 30px;
    margin-top: 10px;
    text-align: center;
    font-size: 12px;
    border-radius: 3px
}

.mod_blockTips .close {
    display: block;
    width: 38px;
    height: 40px;
    position: absolute;
    left: 0;
    top: 50%;
    margin-top: -20px
}

.mod_blockTips .close:after {
    content: "\20";
    display: block;
    width: 20px;
    height: 20px;
    background: url() no-repeat;
    background-size: 100%;
    position: absolute;
    top: 50%;
    left: 10px;
    margin-top: -11px
}

.mod_blockTips .close+p {
    margin-left: 30px
}

a.mod_blockTips {
    display: block;
    padding: 12px 30px 12px 10px;
    font-size: 14px
}

a.mod_blockTips:after {
    content: "\20";
    display: block;
    position: absolute;
    top: 50%;
    right: 10px;
    width: 8px;
    height: 8px;
    border-top: 1px solid #7d7d7d;
    border-left: 1px solid #7d7d7d;
    background: none;
    margin-top: -4px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.WX_backtop {
    width: 40px;
    height: 40px;
    font-size: 0;
    text-indent: -9999em;
    overflow: hidden;
    background-color: rgba(0, 0, 0, .7);
    border-radius: 3px 0 0 3px;
    display: none;
    position: fixed;
    z-index: 101;
    bottom: 60px;
    margin-bottom: constant(safe-area-inset-bottom);
    margin-bottom: env(safe-area-inset-bottom);
    right: 0
}

.WX_backtop::after {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    background-repeat: no-repeat;
    background-position: 50%;
    background-image: url();
    background-size: 25px
}

.wx_backtop:after,
.wx_bar_back a:after,
.wx_bar_best:before,
.wx_bar_new:after {
    background-image: url(//wq.360buyimg.com/fd/h5/wxsq_dev/gb/images/sprites_old_c49116d5.png);
    background-repeat: no-repeat;
    background-size: 100px 100px;
    -webkit-background-size: 100px 100px;
    content: "\20";
    display: block
}

.wx_bar {
    position: relative;
    width: 100%;
    min-height: 44px;
    line-height: 44px;
    background-color: #efefef;
    border-bottom: 1px solid #ddd
}

.wx_bar_fixed {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 30
}

.wx_bar_tit {
    width: 100%;
    height: 45px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color: #333
}

.wx_bar_back {
    width: 50px;
    height: 45px;
    position: absolute
}

.wx_bar_back a {
    overflow: hidden;
    display: block;
    height: 100%
}

.wx_bar_back a:after {
    display: block;
    margin: 10px 0 0 10px;
    height: 25px;
    width: 25px;
    background-position: 0 0
}

.wx_bar_back a:active {
    background-color: rgba(0, 0, 0, .2)
}

.wx_bar_act {
    height: 45px;
    position: absolute;
    right: 0;
    top: 0
}

.wx_bar_new {
    overflow: hidden;
    display: block;
    height: 100%;
    width: 60px
}

.wx_bar_new:after {
    display: block;
    height: 25px;
    width: 25px;
    background-position: -25px 0;
    margin: 10px 15px 0 0;
    float: right
}

.wx_bar_new:active {
    background-color: rgba(0, 0, 0, .2)
}

.wx_bar_cancel {
    position: absolute;
    right: 0;
    top: 0;
    width: 50px;
    height: 45px;
    line-height: 45px;
    padding-right: 10px;
    text-align: right;
    font-size: 14px;
    color: #999
}

.mod_dlbar {
    position: relative
}

.mod_dlbar.fixed {
    z-index: 102;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%
}

.mod_dlbar.download .mod_dlbar_inner::after {
    background-position: 0 -20px
}

.mod_dlbar.open .mod_dlbar_inner::after {
    background-position: 0 -40px
}

.mod_dlbar_inner {
    display: block;
    position: relative;
    left: 0;
    bottom: 0;
    overflow: hidden;
    width: 100%;
    padding-top: 18.75%;
    height: 0
}

.mod_dlbar_inner img {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 100%;
    height: auto
}

.mod_dlbar_inner::after,
.mod_dlbar_inner span::after {
    background: url(//wq.360buyimg.com/fd/base/img/base/icon_dlbar_v2.png?t=20160329) no-repeat 0 0;
    background-size: 86px 60px
}

.mod_dlbar_inner::after {
    content: "";
    position: absolute;
    right: 10px;
    top: 50%;
    width: 66px;
    height: 20px;
    margin-top: -10px
}

.mod_dlbar_inner span {
    position: absolute;
    left: 0;
    top: 0;
    width: 20%;
    height: 100%
}

.mod_dlbar_inner span::after {
    content: "";
    position: absolute;
    left: 10px;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background-position: 100% 0
}

@media only screen and (min-width:375px) {
    .mod_dlbar_inner::after,
    .mod_dlbar_inner span::after {
        background-size: 104px 73px;
        margin-top: -12px;
        height: 24px
    }
    .mod_dlbar_inner::after {
        width: 80px;
        right: 12px
    }
    .mod_dlbar_inner span::after {
        width: 24px;
        left: 12px
    }
    .mod_dlbar.download .mod_dlbar_inner::after {
        background-position: 0 -24px
    }
    .mod_dlbar.open .mod_dlbar_inner::after {
        background-position: 0 -48px
    }
}

@media only screen and (min-width:414px) {
    .mod_dlbar_inner::after,
    .mod_dlbar_inner span::after {
        background-size: 112px 78px;
        margin-top: -13px;
        height: 26px
    }
    .mod_dlbar_inner::after {
        width: 86px;
        right: 13px
    }
    .mod_dlbar_inner span::after {
        width: 26px;
        left: 13px
    }
    .mod_dlbar.download .mod_dlbar_inner::after {
        background-position: 0 -26px
    }
    .mod_dlbar.open .mod_dlbar_inner::after {
        background-position: 0 -52px
    }
}

.mod_qr_layer .btns::before {
    content: "";
    height: 0;
    display: block;
    border-top: 1px solid #ddd;
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.mod_qr_layer .title::after {
    content: "";
    height: 0;
    display: block;
    border-bottom: 1px solid #ddd;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.mod_qr_layer .btn:not(:last-child)::after {
    content: "";
    width: 0;
    display: block;
    border-right: 1px solid #ddd;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.mod_follow:after {
    content: "";
    display: block;
    border: 1px solid #ddd;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .mod_qr_layer .title::after {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 100%
    }
    .mod_qr_layer .btns::before {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 0
    }
    .mod_qr_layer .btn:not(:last-child)::after {
        -webkit-transform: scaleX(.5);
        -webkit-transform-origin: 0 0
    }
    .mod_follow:after {
        -webkit-transform: scale(.5);
        -webkit-transform-origin: 0 0;
        bottom: -100%;
        right: -100%
    }
}

.mod_follow {
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex
}

.mod_follow .follow {
    display: block;
    -webkit-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.mod_follow .follow .btn_qr {
    box-sizing: border-box
}

.mod_follow .follow .btn_qr:before,
.mod_follow:before {
    background: transparent url() no-repeat;
    background-size: 61px auto
}

.mod_follow {
    margin: 15px 10px;
    position: relative;
    padding: 15px 10px 15px 60px;
    height: 45px;
    background-color: #fff
}

.mod_follow:after {
    border-color: #cbcbcb
}

.mod_follow:before {
    position: absolute;
    left: 10px;
    content: "";
    width: 40px;
    height: 40px;
    background-position: 0 0
}

.mod_follow small {
    display: block;
    margin-top: 7.5px;
    color: #999;
    line-height: 1;
    font-size: 10px
}

.mod_follow .name {
    width: 70px;
    font-size: 10px;
    color: #333;
    padding: 6px 0
}

.mod_follow .follow {
    text-align: center
}

.mod_follow .follow .btn_qr {
    padding: 0 10px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: #e4393c;
    border-radius: 3px
}

.mod_follow .follow .btn_qr:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin: -2px 10px 0 0;
    width: 20px;
    height: 20px;
    background-position: -41px 0
}

.mod_follow .follow .btn_qr:active {
    background-color: #e12326
}

.mod_follow .follow .btn_qr.none_qr:before {
    display: none
}

.mod_qr_layer {
    display: none;
    z-index: 899;
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%
}

.mod_qr_layer.show {
    display: block
}

.mod_qr_layer .inner {
    box-sizing: border-box;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    padding: 0 15px;
    width: 270px;
    text-align: center;
    border-radius: 6px;
    color: #333;
    background-color: #fff;
    overflow: hidden;
    box-shadow: 0 1px 10px 0 rgba(0, 0, 0, .3)
}

.mod_qr_layer .title {
    padding: 0 30px;
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    font-weight: 400;
    position: relative
}

.mod_qr_layer .title::after {
    border-color: #e5e5e5;
    margin: 0 -15px
}

.mod_qr_layer p {
    font-size: 14px;
    margin: 12px 0 11px
}

.mod_qr_layer .qr {
    position: relative;
    margin: 11px auto 0;
    width: 120px;
    height: 120px;
    background: #fff;
    padding-bottom: 31px
}

.mod_qr_layer .qr img {
    box-sizing: border-box;
    display: block;
    width: 100%;
    height: auto;
    border: 10px solid #f7f7f7;
    vertical-align: top
}

.mod_qr_layer .qr span {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 30px;
    line-height: 30px;
    background: #f7f7f7;
    color: #999;
    font-size: 12px;
    text-align: center
}

.mod_qr_layer .btns {
    position: relative;
    margin: 12px -15px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    z-index: 0
}

.mod_qr_layer .btns::before {
    border-color: #e5e5e5;
    z-index: 1
}

.mod_qr_layer .btn {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    position: relative;
    width: 100px;
    height: 44px;
    line-height: 44px;
    background: #fff;
    color: #333;
    font-size: 14px
}

.mod_qr_layer .btn:not(:last-child)::after {
    border-color: #e5e5e5
}

.mod_qr_layer .btn.btn_1 {
    color: #e93b3d
}

.sign_c_tip {
    position: absolute;
    display: inline-block;
    height: 16px;
    line-height: 16px;
    text-align: center;
    background: #e4393c;
    color: #fff;
    font-size: 10px;
    border-radius: 10px;
    padding: 0 6px;
    top: -6px;
    left: 50%;
    z-index: 10;
    pointer-events: none;
    white-space: nowrap
}

.sign_c_tip:before {
    content: "";
    position: absolute;
    width: 0;
    height: 0;
    overflow: hidden;
    font-size: 0;
    display: inline-block;
    border-left: 6px solid #e4393c;
    border-bottom: 8px dashed transparent;
    bottom: -5px;
    left: 6px;
    -webkit-transform: rotate(20deg)
}

.sign_c_tip.yellow {
    background: #f19325
}

.sign_c_tip.yellow:before {
    border-left-color: #f19325
}

.sign_c_tip.white {
    background: #fff;
    box-shadow: 0 1px 10px rgba(0, 0, 0, .08);
    color: #e4393c
}

.sign_c_tip.white:before {
    border-left-color: #fff
}

.mod_sign_tip {
    display: inline-block;
    background: #e4393c;
    position: relative;
    color: #fff;
    border-radius: 2px;
    min-width: 16px;
    font-size: 10px;
    line-height: 15px;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px;
    text-align: center
}

.mod_sign_tip span {
    padding: 0 3px;
    display: inline-block
}

.mod_sign_tip b {
    color: #fff;
    padding: 0 3px;
    display: inline-block;
    font-weight: 400
}

.mod_sign_tip.bor {
    color: #e4393c;
    background: #fff
}

.mod_sign_tip.bor b {
    background: #e4393c;
    color: #fff;
    border-radius: 3px 0 0 3px
}

.mod_sign_tip.bor span {
    background: #fff
}

.mod_sign_tip.bor:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none;
    border-radius: 2px;
    border: 1px solid #e4393c
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .mod_sign_tip.bor:after {
        -webkit-transform: scale(.5);
        -webkit-transform-origin: 0 0;
        bottom: -100%;
        right: -100%;
        border-radius: 3px
    }
}

.mod_sign_tip.bor.color_purple {
    color: #6a77b6
}

.mod_sign_tip.bor.color_purple:after {
    border-color: currentColor
}

.mod_sign_tip.bor.color_orange {
    color: #f07700
}

.mod_sign_tip.bor.color_orange:after {
    border-color: currentColor
}

.mod_sign_tip.bor.color_green {
    color: #18c461
}

.mod_sign_tip.bor.color_green:after {
    border-color: currentColor
}

.mod_sign_tip .i_global {
    display: inline-block;
    width: 11px;
    height: 11px;
    line-height: 11px;
    overflow: hidden;
    vertical-align: middle;
    margin-top: -2px;
    background: url();
    background-size: 11px 11px
}

.mod_sign_tip .icon_sams {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    width: 30px;
    height: 15px;
    background: url() 50% no-repeat;
    background-size: 25px auto
}

.mod_sign_tip .icon_plus {
    display: inline-block;
    vertical-align: middle;
    width: 20px;
    height: 6px;
    background: url() 50% no-repeat;
    background-size: 20px
}

.mod_sign_tip.type_jingxuan::before {
    content: "";
    display: block;
    width: 50px;
    height: 15px;
    background: url() no-repeat;
    background-size: 50px 15px
}

.mod_sign_tip.type_jing {
    background: #efc532
}

.mod_sign_tip.type_jing::before {
    content: "";
    margin-top: -2px;
    display: inline-block;
    width: 11px;
    height: 9px;
    background: url() no-repeat;
    background-size: 11px 9px;
    vertical-align: middle
}

.mod_sign_tip.type_medicine {
    background: #54aee8
}

.mod_sign_tip.type_medicine span {
    color: #54aee8
}

.mod_sign_tip.type_medicine.bor b {
    background: #54aee8
}

.mod_sign_tip.type_medicine.bor:after {
    border-color: #54aee8
}

.mod_sign_tip.type_qa {
    background: #6400c5
}

.mod_sign_tip.bg_1 {
    background: #833576
}

.mod_sign_tip.bg_1 span {
    color: #833576
}

.mod_sign_tip.bg_1.bor b {
    background: #833576
}

.mod_sign_tip.bg_1.bor:after {
    border-color: #833576
}

.mod_sign_tip.bg_2 {
    background: #20bd62
}

.mod_sign_tip.bg_2 span {
    color: #20bd62
}

.mod_sign_tip.bg_2.bor b {
    background: #20bd62
}

.mod_sign_tip.bg_2.bor:after {
    border-color: #20bd62
}

.mod_sign_tip.bg_3 {
    background: #1a68bc
}

.mod_sign_tip.bg_3 span {
    color: #1a68bc
}

.mod_sign_tip.bg_3.bor b {
    background: #1a68bc
}

.mod_sign_tip.bg_3.bor:after {
    border-color: #1a68bc
}

.mod_sign_tip.bg_4 {
    background: #4e4d4c;
    background: -webkit-linear-gradient(top, #4e4d4c, #3b3b3b);
    background: linear-gradient(180deg, #4e4d4c, #3b3b3b)
}

.mod_sign_tip.bg_4 span {
    color: #4e4d4c
}

.mod_sign_tip.bg_4.bor b {
    background: #4e4d4c
}

.mod_sign_tip.bg_4.bor:after {
    border-color: #4e4d4c
}

.mod_sams_price {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 1px;
    width: 26px;
    height: 9px;
    background: #1a68bc url() 50% no-repeat;
    background-size: auto 7px
}

.mod_sams_price:before {
    position: absolute;
    content: "";
    top: 0;
    left: -2px;
    width: 0;
    height: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #1a68bc #1a68bc transparent transparent
}

.mod_plus_price {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 1px;
    width: 23px;
    height: 12px;
    background: #4e4d4c url() 50% no-repeat;
    background-size: 20px
}

.mod_plus_price:before {
    position: absolute;
    content: "";
    top: 0;
    left: -2px;
    width: 0;
    height: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #4e4d4c #4e4d4c transparent transparent
}

.mod_fresh_price {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 1px;
    width: 35px;
    height: 11px;
    line-height: 11px;
    font-size: 8px;
    color: #fff;
    text-align: center;
    background: #ff7800
}

.mod_fresh_price:before {
    position: absolute;
    content: "";
    top: 0;
    left: -2px;
    width: 0;
    height: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #ff7800 #ff7800 transparent transparent
}

.mod_prolist_coupon {
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    margin: 5px 5px 2px 0;
    padding: 0 5px 0 7px;
    font-size: 10px;
    height: 15px;
    line-height: 15px;
    color: #e4393c;
    background: url() 0 no-repeat, url() 100% no-repeat;
    background-size: 10px, 10px
}

.mod_prolist_coupon:before {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background: #e4393c;
    height: 1px;
    left: 8px;
    right: 8px;
    top: 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .mod_prolist_coupon:before {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 0
    }
}

.mod_prolist_coupon:after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background: #e4393c;
    height: 1px;
    left: 8px;
    right: 8px;
    bottom: 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .mod_prolist_coupon:after {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 100%
    }
}

.mod_tag {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px;
    height: 14px
}

.mod_tag img {
    display: block;
    height: 100%
}

* {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
    outline: 0
}

blockquote,
body,
button,
dd,
dl,
dt,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
input,
legend,
li,
ol,
p,
pre,
td,
textarea,
th,
ul {
    margin: 0;
    padding: 0;
    vertical-align: baseline
}

img {
    border: 0 none;
    vertical-align: top
}

em,
i {
    font-style: normal
}

ol,
ul {
    list-style: none
}

button,
h1,
h2,
h3,
h4,
h5,
h6,
input,
select {
    font-size: 100%;
    font-family: inherit
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

a,
a:visited {
    text-decoration: none;
    color: #333
}

body {
    margin: 0 auto;
    min-width: 320px;
    max-width: 540px;
    background: #fff;
    font-size: 14px;
    font-family: -apple-system, Helvetica, sans-serif;
    line-height: 1.5;
    color: #666;
    -webkit-text-size-adjust: 100% !important;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom)
}

.bg_stamp {
    background-image: url();
    background-repeat: no-repeat;
    background-position: 50%;
    background-size: 50px
}

@charset "UTF-8";
.mod_gift_pool .swap_btm .swap_btm_content_main .type_arial {
    font-family: arial
}

.mod_gift_pool .sections_body .container .gifts .gift .num_wrap_v2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: hidden
}

.mod_gift_pool .sections_body .container .gifts .gift .num_wrap_v2 .text_wrap,
.mod_gift_pool .sections_body .container .gifts .gift .num_wrap_v2 span {
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.mod_gift_pool .recomand_origin .name,
.mod_gift_pool .sections_body .container .gifts .gift .name {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.mod_gift_pool {
    background-color: #f7f7f7
}

.mod_gift_pool .recomand_origin {
    background-color: #fff;
    position: relative;
    min-height: 75px;
    padding: 10px 10px 15px 95px
}

.mod_gift_pool .recomand_origin .cover {
    position: absolute;
    left: 10px;
    width: 75px;
    height: 75px;
    overflow: hidden
}

.mod_gift_pool .recomand_origin .cover img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.mod_gift_pool .recomand_origin .info {
    min-height: 50px
}

.mod_gift_pool .recomand_origin .name {
    color: #333;
    font-size: 14px;
    word-break: break-all
}

.mod_gift_pool .recomand_origin .price {
    display: inline-block;
    margin-top: 3.5px;
    font-family: arial;
    color: #e93b3d;
    font-size: 10px
}

.mod_gift_pool .recomand_origin .price .int {
    font-size: 16px
}

.mod_gift_pool .recomand_origin .number {
    float: right;
    margin-top: 3px;
    font-size: 12px;
    color: #999
}

.mod_gift_pool .tips {
    font-size: 12px;
    color: #999;
    text-align: center;
    font-weight: 400;
    height: 32px;
    line-height: 32px
}

.mod_gift_pool .sections_body {
    margin-bottom: 50px
}

.mod_gift_pool .sections_body .main {
    margin-bottom: 10px
}

.mod_gift_pool .sections_body .main .head {
    position: relative;
    height: 47px;
    line-height: 47px;
    padding-left: 10px;
    font-weight: 400;
    font-size: 16px;
    color: #333;
    background-color: #fff
}

.mod_gift_pool .sections_body .main .head span {
    color: #999
}

.mod_gift_pool .sections_body .main .head:after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #ddd;
    height: 1px;
    left: 0;
    right: 0;
    top: 0;
    left: 10px
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .mod_gift_pool .sections_body .main .head:after {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 0
    }
}

.mod_gift_pool .sections_body .container {
    background-color: #fff;
    padding: 0 10px 15px
}

.mod_gift_pool .sections_body .container .gifts .gift {
    position: relative;
    padding: 15px 0 0 115px;
    height: 75px
}

.mod_gift_pool .sections_body .container .gifts .gift .gift_icon_select {
    display: block;
    width: 43px;
    height: 100%;
    position: absolute;
    z-index: 1;
    top: 0;
    left: -10px
}

.mod_gift_pool .sections_body .container .gifts .gift .gift_icon_select:before {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    background: url() no-repeat;
    background-size: 100%;
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -2.5px
}

.mod_gift_pool .sections_body .container .gifts .gift .gift_icon_select.selected:before {
    background: url() no-repeat;
    background-size: 100%
}

.mod_gift_pool .sections_body .container .gifts .gift .cover {
    position: absolute;
    left: 33px;
    width: 75px;
    height: 75px;
    overflow: hidden
}

.mod_gift_pool .sections_body .container .gifts .gift .cover img {
    display: block;
    margin: 0 auto;
    max-width: 100%
}

.mod_gift_pool .sections_body .container .gifts .gift .name {
    color: #333;
    font-size: 14px;
    word-break: break-all
}

.mod_gift_pool .sections_body .container .gifts .gift .number {
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 12px;
    color: #999
}

.mod_gift_pool .sections_body .container .gifts .gift .num_wrap {
    background: #f7f7f7;
    position: absolute;
    right: 0;
    bottom: 0
}

.mod_gift_pool .sections_body .container .gifts .gift .num_wrap_v2 {
    position: relative;
    z-index: 0;
    width: 110px;
    float: right;
    margin-top: 6.5px
}

.mod_gift_pool .sections_body .container .gifts .gift .num_wrap_v2 span {
    position: relative;
    max-width: 30px;
    min-width: 30px;
    height: 30px;
    line-height: 30px;
    background: #f7f7f7;
    text-align: center
}

.mod_gift_pool .sections_body .container .gifts .gift .num_wrap_v2 span .row {
    border-radius: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    margin-top: -1px;
    width: 14px;
    height: 2px;
    background-color: #999
}

.mod_gift_pool .sections_body .container .gifts .gift .num_wrap_v2 span .col {
    border-radius: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -1px;
    margin-top: -7px;
    width: 2px;
    height: 14px;
    background-color: #999
}

.mod_gift_pool .sections_body .container .gifts .gift .num_wrap_v2 span.disable .col,
.mod_gift_pool .sections_body .container .gifts .gift .num_wrap_v2 span.disable .row {
    background-color: #ccc
}

.mod_gift_pool .sections_body .container .gifts .gift .num_wrap_v2 .text_wrap {
    position: relative;
    width: 45px;
    z-index: 0;
    margin: 0 1px
}

.mod_gift_pool .sections_body .container .gifts .gift .num_wrap_v2 .text_wrap input {
    background: #f7f7f7
}

.mod_gift_pool .sections_body .container .gifts .gift .num_wrap_v2 .text {
    height: 30px;
    width: 100%;
    color: #333;
    background: #fff;
    font-size: 12px;
    text-align: center;
    border: none
}

.mod_gift_pool .sections_body .container .gifts .gift .num_wrap_v2 .minus {
    border-top-left-radius: 3px;
    border-bottom-left-radius: 3px
}

.mod_gift_pool .sections_body .container .gifts .gift .num_wrap_v2 .plus {
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px
}

.mod_gift_pool .gap {
    height: 100px
}

.mod_gift_pool .swap_btm {
    left: 0;
    right: 0;
    margin: 0 auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 49px;
    background-color: #fff;
    min-width: 320px;
    position: fixed;
    z-index: 49;
    bottom: 0;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom)
}

.mod_gift_pool .swap_btm::before {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    opacity: .5;
    background-color: #ccc;
    height: 1px;
    left: 0;
    right: 0;
    top: 0
}

.mod_gift_pool .swap_btm .swap_btm_content {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin: 0 10px;
    text-align: right
}

.mod_gift_pool .swap_btm .swap_btm_content_main {
    font-size: 16px;
    color: #333
}

.mod_gift_pool .swap_btm .swap_btm_content_main .type_arial {
    font-weight: 700
}

.mod_gift_pool .swap_btm .swap_btm_content_main .color_red {
    color: #e93b3d
}

.mod_gift_pool .swap_btm .swap_btm_content_sub {
    font-size: 10px;
    color: #999
}

.mod_gift_pool .swap_btm .swap_btm_content_sub .color_red {
    color: #e93b3d
}

.mod_gift_pool .swap_btm .swap_btm_btn {
    width: 110px;
    height: 50px;
    line-height: 50px;
    text-align: center;
    font-size: 16px;
    color: #fff
}

@media screen and (max-width:374px) {
    .mod_gift_pool .swap_btm .swap_btm_btn {
        width: 80px
    }
}

.mod_gift_pool .swap_btm .swap_btm_btn.color_orange {
    background-color: #ff8c42
}

.mod_gift_pool .swap_btm .swap_btm_btn.color_red {
    background-color: #e93b3d
}

.mod_gift_pool .commit {
    display: inline-block;
    border: none;
    width: 100%;
    font-size: 16px;
    color: #fff;
    background-color: #e93b3d;
    height: 49px;
    line-height: 49px;
    position: fixed;
    z-index: 49;
    bottom: 0;
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom)
}

.mod_gift_pool .commit.fixed {
    position: fixed;
    width: 100%;
    min-width: 320px;
    bottom: 0
}

.mod_alert.bg_07 {
    background-color: rgba(0, 0, 0, .7)
}

.quick_clean_footer {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    overflow: hidden
}

.quick_clean_body::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

.unscrollable {
    height: 100%;
    overflow: hidden
}

.unscrollable body {
    height: 100%;
    overflow: hidden
}

.quick_clean {
    position: fixed;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 410;
    background-color: rgba(0, 0, 0, .3)
}

.quick_clean.show {
    top: 0
}

.quick_clean.show .quick_clean_main {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.quick_clean_main {
    position: absolute;
    -webkit-transform: translate3d(0, 475px, 0);
    transform: translate3d(0, 475px, 0);
    -webkit-transition: -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    transition: -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    transition: transform .2s cubic-bezier(0, 0, .25, 1);
    transition: transform .2s cubic-bezier(0, 0, .25, 1), -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    bottom: 0;
    width: 100%;
    min-height: 375px;
    max-height: 475px;
    background-color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column
}

.quick_clean_header {
    position: relative;
    height: 46px;
    line-height: 46px;
    padding-left: 10px;
    font-size: 16px;
    color: #333;
    background-color: #f7f7f7
}

.quick_clean_close {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 46px;
    z-index: 1
}

.quick_clean_close:after {
    content: "";
    position: absolute;
    top: 16px;
    right: 10px;
    width: 15px;
    height: 15px;
    background: url() no-repeat 50%;
    background-size: 15px
}

.quick_clean_body {
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-y: auto;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.quick_clean_footer {
    height: 49px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.quick_clean_footer {
    background: #fff;
    box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, .07)
}

.quick_clean_footer .selected_total {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: 16px;
    text-align: right;
    line-height: 49px;
    margin-right: 15px
}

.quick_clean_footer .selected_total .num {
    color: #e93b3d;
    padding: 0 4px
}

.quick_clean_footer .to_del {
    display: block;
    width: 110px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    font-size: 16px;
    border-radius: 0;
    background-color: #e93b3d;
    color: #fff
}

.quick_clean_footer .to_del:active {
    background-color: #e62426
}

.quick_clean_footer .to_fav {
    display: block;
    width: 110px;
    height: 49px;
    line-height: 49px;
    text-align: center;
    font-size: 16px;
    border-radius: 0;
    background-color: #ff9600;
    color: #fff
}

.quick_clean_footer .to_fav:active {
    background-color: #e68700
}

.quick_clean .icon_select {
    z-index: 1;
    display: block;
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: hsla(0, 0%, 100%, .5);
    border-radius: 50%;
    top: auto;
    left: auto
}

.quick_clean .icon_select:after {
    position: absolute;
    left: 50%;
    top: 0;
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    margin-left: -10px;
    background-image: url();
    background-size: 20px
}

.quick_clean .selected .icon_select:after {
    background-image: url()
}

.quick_clean_group {
    position: relative;
    padding: 10px 0;
    overflow: hidden
}

.quick_clean_group:not(:first-child)::before {
    content: "";
    position: absolute;
    z-index: 1;
    background-color: #e5e5e5;
    height: 1px;
    left: 10px;
    right: 0;
    top: 0
}

.quick_clean_group .quick_clean_cate {
    position: relative;
    height: 24px;
    margin: 5px 0;
    padding: 0 10px 0 40px;
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.quick_clean_group .quick_clean_cate .icon_select {
    width: 40px;
    height: 27px;
    top: 0;
    left: 0
}

.quick_clean_group .quick_clean_cate .icon_select:after {
    background-image: url()
}

.quick_clean_group .quick_clean_cate.selected .icon_select:after {
    background-image: url()
}

.quick_clean_group .quick_clean_cate .cate_tit {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    color: #333
}

.quick_clean_group .quick_clean_cate .info {
    color: #999
}

.quick_clean_group .quick_clean_list {
    padding: 0 .5rem;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.quick_clean_group .quick_clean_list .placeholder,
.quick_clean_group .quick_clean_list .quick_clean_item {
    position: relative;
    width: 67px;
    height: 67px;
    overflow: hidden;
    margin-bottom: 5px
}

.quick_clean_group .quick_clean_list .placeholder img,
.quick_clean_group .quick_clean_list .quick_clean_item img {
    width: 100%
}

.quick_clean_group .quick_clean_list .placeholder .icon_select,
.quick_clean_group .quick_clean_list .quick_clean_item .icon_select {
    bottom: 3px;
    right: 3px
}

.quick_clean_group .quick_clean_list .placeholder .icon_suit,
.quick_clean_group .quick_clean_list .quick_clean_item .icon_suit {
    position: absolute;
    bottom: 5px;
    left: 5px;
    background: #e93b3d;
    color: #fff;
    width: 28px;
    height: 14px;
    font-size: 10px;
    line-height: 14px;
    text-align: center;
    border-radius: 2px
}

.mod_aside_v2 {
    position: fixed;
    z-index: 301;
    bottom: 60px;
    margin-bottom: constant(safe-area-inset-bottom);
    margin-bottom: env(safe-area-inset-bottom);
    right: 0
}

.mod_aside_v2 .WX_backtop {
    position: absolute;
    bottom: 0;
    z-index: 0;
    margin-bottom: 0
}

.mod_aside_v2.unfold .mod_aside_v2_mask {
    display: block
}

.mod_aside_v2.anim .mod_aside_v2_mask {
    opacity: 1
}

.mod_aside_v2.anim .mod_aside_v2_nav_btn::before {
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg)
}

.mod_aside_v2.anim .mod_aside_v2_nav {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mod_aside_v2_mask {
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .3);
    opacity: 0;
    display: none;
    -webkit-transition: opacity .3s;
    transition: opacity .3s
}

.mod_aside_v2_nav {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 260px;
    padding: 15px 0 5px;
    background: #fff;
    border-radius: 4px 0 0 4px;
    height: 102px;
    z-index: 1;
    -webkit-transform: translate3d(100%, 0, 0);
    transform: translate3d(100%, 0, 0);
    -webkit-transition: -webkit-transform .3s;
    transition: -webkit-transform .3s;
    transition: transform .3s;
    transition: transform .3s, -webkit-transform .3s
}

.mod_aside_v2_nav .type_dot::after {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-radius: 6px;
    background-color: #e93b3d;
    position: absolute;
    top: 3px;
    right: 0
}

.mod_aside_v2_nav_item {
    float: left;
    width: 25%;
    text-align: center;
    padding: 5px 0;
    position: relative
}

.mod_aside_v2_nav_item:active {
    background-color: #f4f4f4
}

.mod_aside_v2_nav_item svg {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0 auto;
    fill: #666
}

.mod_aside_v2_nav_item span {
    display: block;
    padding: 0 5px;
    font-size: 10px;
    color: #666;
    margin-top: 4px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mod_aside_v2_nav_item.type_dot::after {
    border: 1px solid #fff;
    right: 50%;
    top: 0;
    margin-right: -15px
}

.mod_aside_v2_nav_btn {
    width: 45px;
    height: 40px;
    background: rgba(0, 0, 0, .7);
    position: absolute;
    left: -45px;
    top: 50%;
    margin-top: -20px;
    border-radius: 4px 0 0 4px
}

.mod_aside_v2_nav_btn:before {
    content: "";
    position: absolute;
    left: 2px;
    top: 50%;
    width: 20px;
    height: 20px;
    margin-top: -10px;
    background: url() no-repeat 0 0;
    background-size: 100%
}

.mod_aside_v2_nav_btn i {
    color: #fff;
    font-size: 10px;
    width: 2.2em;
    line-height: 1.3em;
    position: absolute;
    top: 50%;
    left: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.detail_anchor_wrap .detail_anchor {
    font-size: 14px;
    background-color: #fff
}

.detail_anchor_wrap .detail_anchor.radius_bottom {
    border-radius: 0 0 10px 10px
}

.detail_anchor_wrap .detail_anchor_item.cur {
    color: #e4393c
}

.detail_anchor_wrap .detail_anchor_item.cur span {
    padding-left: 13px;
    background: url() no-repeat 0;
    background-size: 8px
}

.detail_anchor_wrap .detail_anchor_item.active {
    color: #e4393c
}

.detail_anchor_wrap .line {
    z-index: 102;
    display: block;
    position: absolute;
    left: 0;
    bottom: 0;
    width: 28px;
    height: 2px;
    background-color: #e93b3d
}

.detail_anchor_wrap.jx .detail_anchor_item.cur {
    color: #c09947
}

.detail_anchor_wrap.jx .detail_anchor_item.cur span {
    background: url() no-repeat 0;
    background-size: 12px
}

.detail_anchor_wrap.jx .detail_anchor_item.active {
    color: #c09947
}

.detail_anchor_wrap.jx .line {
    background-color: #c09947
}

.detail_anchor_wrap .back_btn {
    display: none;
    position: absolute;
    top: 22px;
    left: 10px;
    padding: 0;
    margin: 0;
    width: 30px;
    height: 30px;
    color: transparent;
    border: 0;
    border-radius: 0;
    background: url() no-repeat 50%;
    background-size: 16px 16px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 1
}

.detail_anchor_wrap .share_btn {
    display: none;
    position: absolute;
    top: 22px;
    right: 10px;
    padding: 0;
    margin: 0;
    width: 30px;
    height: 30px;
    color: transparent;
    border: 0;
    border-radius: 0;
    background: url() no-repeat 50%;
    background-size: 16px 16px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 1
}

.detail_anchor_wrap .share_btn.wx {
    background: url() no-repeat 50%;
    background-size: 18px 18px
}

.detail_anchor_wrap .cart_btn {
    display: none;
    position: absolute;
    top: 22px;
    right: 10px;
    padding: 0;
    margin: 0;
    width: 30px;
    height: 30px;
    color: transparent;
    border: 0;
    border-radius: 0;
    background: url() no-repeat 50%;
    background-size: 16px 16px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    z-index: 1
}

.detail_anchor_wrap .cart_btn .num {
    position: absolute;
    top: -3px;
    left: 15px;
    background: #e93b3d;
    color: #fff;
    font-size: 10px;
    line-height: 10px;
    background-image: -webkit-gradient(linear, right top, left top, from(#ff4142), to(#ff4b2b));
    background-image: -webkit-linear-gradient(right, #ff4142, #ff4b2b);
    background-image: linear-gradient(270deg, #ff4142, #ff4b2b);
    box-shadow: 0 2px 4px 0 rgba(255, 65, 66, .2);
    border-radius: 7px;
    padding: 2px 4px;
    font-weight: 700;
    z-index: 112
}

.detail_anchor_wrap .cart_btn .add_num {
    top: -14px;
    z-index: 113
}

.detail_anchor_wrap .detail_money_share {
    display: none
}

.detail_anchor_wrap .detail_money_share .detail_money_share_icon {
    display: inline-block;
    position: absolute;
    top: 22px;
    right: 0;
    z-index: 101;
    margin-top: -7.5px;
    margin-right: 15px;
    width: 15px;
    height: 15px;
    z-index: 1
}

.detail_anchor_wrap .detail_money_share .detail_money_share_tip {
    position: absolute;
    right: 10px;
    top: 100%;
    height: 18px;
    line-height: 18px;
    margin-top: -8px;
    color: #fff;
    padding: 3.5px 9.5px;
    background: rgba(0, 0, 0, .7);
    border-radius: 15px;
    font-size: 12px;
    font-weight: 300
}

.detail_anchor_wrap .detail_money_share .detail_money_share_tip::after {
    content: "";
    position: absolute;
    top: -3px;
    right: 9.5px;
    width: 0;
    height: 0;
    border-right: 4px solid transparent;
    border-bottom: 3.5px solid rgba(0, 0, 0, .7);
    border-left: 4px solid transparent
}

.detail_anchor_wrap .detail_money_share .detail_money_share_tip .num {
    color: #ff8c42
}

.detail_anchor_wrap .detail_money_share .detail_money_share_tip .close {
    display: inline-block;
    position: relative;
    vertical-align: middle;
    width: 15.5px;
    height: 15px;
    margin-right: 18px;
    margin-top: -1px;
    background: url() no-repeat;
    background-size: 15.5px 15px
}

.detail_anchor_wrap .detail_money_share .detail_money_share_tip .close::after {
    content: "";
    position: absolute;
    right: -9.6px;
    top: 50%;
    width: 1px;
    height: 10px;
    margin-top: -5px;
    background: #fff;
    opacity: .3
}

.detail_anchor_wrap.show_share .detail_anchor {
    padding-left: 61px;
    padding-right: 61px
}

.detail_anchor_wrap.show_share .detail_anchor .share_btn {
    display: block
}

.detail_anchor_wrap.show_share.show_cart:not(.show_search) .detail_anchor {
    padding-left: 50px;
    padding-right: 90px
}

.detail_anchor_wrap.show_share.show_cart .share_btn {
    right: 50px
}

.detail_anchor_wrap.show_cart .detail_anchor {
    padding-left: 50px;
    padding-right: 50px
}

.detail_anchor_wrap.show_cart .detail_anchor .cart_btn {
    display: block
}

.detail_anchor_wrap.show_back .detail_anchor {
    padding-left: 61px;
    padding-right: 61px
}

.detail_anchor_wrap.show_back .detail_anchor .back_btn {
    display: block
}

.detail_anchor_wrap.show_money_share .detail_anchor {
    padding-left: 61px;
    padding-right: 61px
}

.detail_anchor_wrap.show_money_share .detail_anchor .detail_money_share {
    display: inline-block
}

.detail_anchor_wrap.show_money_share .detail_anchor .share_btn {
    display: none
}

.detail_anchor_wrap.show_gray_btn.show_gray_content .detail_anchor .detail_anchor_item {
    visibility: visible
}

.detail_anchor_wrap.show_gray_btn .detail_anchor {
    box-shadow: none;
    background-color: hsla(0, 0%, 100%, 0) !important
}

.detail_anchor_wrap.show_gray_btn .detail_anchor .back_btn {
    background-color: rgba(0, 0, 0, .3);
    background-image: url();
    border-radius: 50%
}

.detail_anchor_wrap.show_gray_btn .detail_anchor .share_btn {
    background-color: rgba(0, 0, 0, .3);
    background-image: url();
    border-radius: 50%
}

.detail_anchor_wrap.show_gray_btn .detail_anchor .share_btn.wx {
    background-color: #09bb07;
    background-image: url()
}

.detail_anchor_wrap.show_gray_btn .detail_anchor .detail_anchor_item {
    visibility: hidden
}

.detail_anchor_wrap.show_gray_btn .detail_anchor .line {
    visibility: hidden
}

.detail_anchor_wrap.show_gray_btn .detail_anchor .cart_btn {
    background-color: rgba(0, 0, 0, .3);
    background-image: url();
    border-radius: 50%
}

.detail_anchor_wrap.show_gray_btn .mod_searchbar .mod_searchbar_form {
    display: none
}

.detail_anchor_wrap .mod_searchbar {
    display: none
}

.detail_anchor_wrap.show_search .detail_anchor {
    padding: 44px 0 0;
    height: 40px;
    line-height: 40px
}

.detail_anchor_wrap.show_search.show_gray_btn .detail_anchor {
    height: 0
}

.detail_anchor_wrap.show_search .mod_searchbar {
    display: block;
    z-index: unset
}

.detail_anchor_wrap.show_search .mod_searchbar .mod_searchbar_form {
    background: hsla(0, 0%, 97%, .6)
}

.detail_anchor_wrap.show_search .mod_searchbar .mod_searchbar_inner {
    background: unset;
    z-index: unset
}

.detail_anchor_wrap.show_search .mod_searchbar .mod_searchbar_inner::after {
    display: none
}

.show_share.show_cart.detail_anchor_wrap.show_search .mod_searchbar .mod_searchbar_inner {
    padding-right: 85px
}

.show_share.detail_anchor_wrap.show_search .mod_searchbar .mod_searchbar_inner {
    padding-right: 45px
}

.show_cart.detail_anchor_wrap.show_search .mod_searchbar .mod_searchbar_inner {
    padding-right: 45px
}

.show_money_share.detail_anchor_wrap.show_search .mod_searchbar .mod_searchbar_inner {
    padding-right: 45px
}

.show_back.detail_anchor_wrap.show_search .mod_searchbar .mod_searchbar_inner {
    padding-left: 45px
}

.detail_share_main,
.detail_share_tip {
    position: fixed;
    top: 100%;
    width: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 401;
    background-color: rgba(0, 0, 0, .7)
}

.detail_share_main:after,
.detail_share_tip:after {
    content: "";
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    height: constant(safe-area-inset-bottom);
    height: env(safe-area-inset-bottom)
}

.show.detail_share_main:after,
.show.detail_share_tip:after {
    display: block
}

.show.detail_share_main,
.show.detail_share_tip {
    top: 0
}

.detail_share_main.show .main {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.detail_share_main .main {
    position: absolute;
    -webkit-transform: translate3d(0, 495px, 0);
    transform: translate3d(0, 495px, 0);
    -webkit-transition: -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    transition: -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    transition: transform .2s cubic-bezier(0, 0, .25, 1);
    transition: transform .2s cubic-bezier(0, 0, .25, 1), -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    bottom: 0;
    bottom: constant(safe-area-inset-bottom);
    bottom: env(safe-area-inset-bottom);
    width: 100%;
    height: 184px;
    background-color: #fff
}

.detail_share_main .header {
    position: relative;
    height: 46px;
    line-height: 46px;
    padding-left: 10px;
    font-size: 16px;
    color: #333;
    background-color: #f7f7f7
}

.detail_share_main .header .close_sp {
    position: absolute;
    right: 0;
    top: 0;
    width: 46px;
    height: 46px;
    background-image: url();
    background-size: 13px 13px;
    background-repeat: no-repeat;
    background-position: 50%
}

.detail_share_main .body {
    height: 138px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.detail_share_main .body ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin: 20px 0
}

.detail_share_main .body ul li {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center
}

.detail_share_main .body ul li:not(:first-child)::before {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #e5e5e5;
    width: 1px;
    top: 0;
    bottom: 0;
    left: 0;
    height: 40px;
    top: 10px
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .detail_share_main .body ul li:not(:first-child)::before {
        -webkit-transform: scaleX(.5);
        -webkit-transform-origin: 0 50%
    }
}

.detail_share_main .body ul li .icon {
    width: 40px;
    height: 40px
}

.detail_share_main .body ul li .title {
    font-size: 12px;
    margin-top: 7px
}

.detail_share_main .body ul li .desc {
    position: absolute;
    margin: 8px 10px 0;
    padding: 3.5px 10px;
    color: #999;
    font-size: 12px;
    line-height: 1.5;
    border-radius: 25px;
    background: #f7f7f7;
    white-space: nowrap
}

.detail_share_main .body ul li .desc::before {
    content: "";
    position: absolute;
    top: -13px;
    left: 31.5%;
    display: block;
    width: 0;
    height: 0;
    border-width: 8px;
    border-style: solid;
    border-color: transparent transparent #f7f7f7
}

.detail_share_tip {
    text-align: center
}

.detail_share_tip::before {
    content: "";
    position: absolute;
    right: 19.85px;
    top: 15.15px;
    width: 58.15px;
    height: 74.35px;
    background-image: url();
    background-size: 100% 100%;
    background-repeat: no-repeat;
    background-position: 50%
}

.detail_share_tip .main {
    position: absolute;
    top: 104.5px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 100%
}

.detail_share_tip .body {
    position: relative;
    display: inline-block;
    max-width: 85%;
    min-width: 50%;
    width: auto;
    text-align: left;
    background: #fff;
    padding: 20px 15px;
    border-radius: 4px
}

.detail_share_tip .body p {
    font-size: 16px;
    color: #151515
}

.detail_share_tip .body p:not(:first-child) {
    margin-top: 10px
}

.detail_share_tip .body p img {
    display: inline-block;
    height: 20px
}

.m_common_header .mod_searchbar.skin_2 .mod_searchbar_inner {
    margin: 0 45px;
    position: absolute;
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
    background-color: unset
}

.m_common_header .mod_searchbar.skin_2 .mod_searchbar_inner::after {
    display: none
}

.m_common_header .mod_searchbar.skin_2 .mod_searchbar_form {
    background: hsla(0, 0%, 97%, .6)
}

.m_common_header .jd-header+.mod_searchbar {
    height: auto
}

.m_common_header .jd-header-immerse+.mod_searchbar {
    display: none
}

.mod_comment_bubble .bubble.comment_total::after {
    content: "\20";
    display: block
}

.mod_comment_bubble .bubble.comment_total::after {
    position: absolute;
    top: 50%;
    width: 12px;
    height: 12px;
    border-top: 1px solid #7d7d7d;
    border-left: 1px solid #7d7d7d;
    background: none
}

.mod_comment_bubble .bubble.comment_total::after {
    margin-top: -6px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.mod_comment_bubble {
    z-index: 11;
    position: absolute;
    right: 10px;
    bottom: 50px;
    font-size: 12px;
    color: #fff;
    text-align: right
}

.mod_comment_bubble .bubble {
    background: rgba(0, 0, 0, .7);
    border-radius: 50px;
    padding: 3.5px 10px;
    margin-top: 5px;
    position: relative;
    float: right;
    clear: both
}

.mod_comment_bubble .bubble span {
    color: #ffb624
}

.mod_comment_bubble .bubble.comment_total {
    padding-right: 27px
}

.mod_comment_bubble .bubble.comment_total::after {
    top: 15px;
    right: 13px;
    width: 6px;
    height: 6px;
    border-left-width: 2px;
    border-top-width: 2px;
    border-color: #fff
}

.mod_comment_bubble .tag_warp {
    float: right;
    opacity: 0
}

.mod_comment_bubble .tag_warp.fadein {
    opacity: 1;
    -webkit-animation: fadeIn 1s;
    animation: fadeIn 1s
}

.mod_comment_bubble .tag_warp.fadeout {
    opacity: 0;
    -webkit-animation: fadeOut 1s;
    animation: fadeOut 1s
}

@-webkit-keyframes fadeIn {
    0% {
        opacity: 0;
        margin-bottom: -10px
    }
    100% {
        margin-bottom: 0;
        opacity: 1
    }
}

@keyframes fadeIn {
    0% {
        opacity: 0;
        margin-bottom: -10px
    }
    100% {
        margin-bottom: 0;
        opacity: 1
    }
}

@-webkit-keyframes fadeOut {
    0% {
        margin-bottom: 0;
        opacity: 1
    }
    100% {
        margin-bottom: 10px;
        opacity: 0
    }
}

@keyframes fadeOut {
    0% {
        margin-bottom: 0;
        opacity: 1
    }
    100% {
        margin-bottom: 10px;
        opacity: 0
    }
}

.mod_color_switch_jx:after {
    content: "";
    height: 0;
    display: block;
    border-bottom: 1px solid #ddd;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.mod_color_switch_jx .color_item.current::after {
    content: "";
    display: block;
    border: 1px solid #ddd;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .mod_color_switch_jx:after {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 100%
    }
    .mod_color_switch_jx .color_item.current::after {
        -webkit-transform: scale(.5);
        -webkit-transform-origin: 0 0;
        bottom: -100%;
        right: -100%
    }
}

.mod_color_switch_jx {
    display: none
}

.mod_color_switch_jx.show {
    position: relative;
    background: #fff;
    height: 70px;
    font-size: 12px;
    color: #666;
    white-space: nowrap;
    line-height: 70px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow-x: auto;
    padding-left: 10px
}

.mod_color_switch_jx:after {
    border-color: #f0f0f0;
    margin-left: 10px
}

.mod_color_switch_jx .color_item,
.mod_color_switch_jx>span {
    margin-right: 10px
}

.mod_color_switch_jx .color_item {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    background: #f7f7f7;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .1);
    border-radius: 6px;
    width: 50px;
    height: 50px;
    box-sizing: border-box;
    position: relative
}

.mod_color_switch_jx .color_item.current::after {
    border-radius: 12px;
    border-width: 4px;
    border-color: #ff4142
}

.mod_color_switch_jx .color_item img {
    width: 100%;
    height: 100%;
    border-radius: 6px
}

.mod_inspectyoupin:after {
    content: "";
    height: 0;
    display: block;
    border-bottom: 1px solid #ddd;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.mod_inspectyoupin .item::after {
    content: "";
    display: block;
    border: 1px solid #ddd;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .mod_inspectyoupin:after {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 100%
    }
    .mod_inspectyoupin .item::after {
        -webkit-transform: scale(.5);
        -webkit-transform-origin: 0 0;
        bottom: -100%;
        right: -100%
    }
}

.mod_inspectyoupin {
    display: none
}

.mod_inspectyoupin.show {
    position: relative;
    background: #fff;
    height: 66px;
    font-size: 11px;
    color: #262626;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    overflow-x: auto;
    padding-left: 18px;
    text-align: center
}

.mod_inspectyoupin:after {
    border-color: #f0f0f0;
    margin-left: 52px
}

.mod_inspectyoupin .item,
.mod_inspectyoupin>span {
    margin-right: 12px
}

.mod_inspectyoupin>span {
    line-height: 21px
}

.mod_inspectyoupin .item {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    background: #f7f7f7;
    border-radius: 6px;
    width: 42px;
    height: 42px;
    box-sizing: border-box;
    position: relative
}

.mod_inspectyoupin .item::after {
    border-radius: 12px;
    border-color: #f2f2f2
}

.mod_inspectyoupin .item.current::after {
    border-width: 3px;
    border-color: #fa230a
}

.mod_inspectyoupin .item.off {
    opacity: .3
}

.mod_inspectyoupin .item img {
    width: 100%;
    height: 100%;
    border-radius: 6px
}

.mod_inspectyoupin .item span {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 11px;
    line-height: 11px;
    background: rgba(0, 0, 0, .6);
    border-bottom-left-radius: 6px;
    border-bottom-right-radius: 6px;
    font-size: 10px;
    color: #fff;
    font-family: JDZH-Regular;
    overflow: hidden
}

.detail_decoration .logo::after {
    content: "";
    display: block;
    border: 1px solid #ddd;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .detail_decoration .logo::after {
        -webkit-transform: scale(.5);
        -webkit-transform-origin: 0 0;
        bottom: -100%;
        right: -100%
    }
}

.detail_decoration .msg .tips {
    font-family: arial
}

.detail_decoration {
    position: relative;
    z-index: 5
}

.detail_decoration.ddno_mb {
    margin-bottom: 0
}

.detail_decoration.bg_pink {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 50px;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#f65ba5), to(#ff4165));
    background: -webkit-linear-gradient(left, #f65ba5, #ff4165);
    background: linear-gradient(90deg, #f65ba5, #ff4165)
}

.detail_decoration.bg_violet {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 50px;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#ce1875), to(#7b0c97));
    background: -webkit-linear-gradient(left, #ce1875, #7b0c97);
    background: linear-gradient(90deg, #ce1875, #7b0c97)
}

.detail_decoration.bg_red {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 50px;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#ec2f8a), to(#d73153));
    background: -webkit-linear-gradient(left, #ec2f8a, #d73153);
    background: linear-gradient(90deg, #ec2f8a, #d73153)
}

.detail_decoration.bg_red2 {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 50px;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, color-stop(5%, #de3060), to(#f5732d));
    background: -webkit-linear-gradient(left, #de3060 5%, #f5732d);
    background: -webkit-gradient(linear, left top, right top, color-stop(5%, #de3060), color-stop(5%, #f5732d));
    background: linear-gradient(90deg, #de3060 5%, #f5732d)
}

.detail_decoration.bg_red3 {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 50px;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#dc2356), to(#f66e1f));
    background: -webkit-linear-gradient(left, #dc2356, #f66e1f);
    background: linear-gradient(90deg, #dc2356, #f66e1f)
}

.detail_decoration.bg_blue {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 50px;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#9391f6), to(#287ed8));
    background: -webkit-linear-gradient(left, #9391f6, #287ed8);
    background: linear-gradient(90deg, #9391f6, #287ed8)
}

.detail_decoration.bg_orange {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 50px;
    color: #fff;
    background: -webkit-gradient(linear, left top, right top, from(#fcc60b), to(#ff5419));
    background: -webkit-linear-gradient(left, #fcc60b, #ff5419);
    background: linear-gradient(90deg, #fcc60b, #ff5419)
}

.detail_decoration.tag_realized {
    margin-bottom: 0
}

.detail_decoration.tag_realized::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 116px;
    width: 36px;
    height: 40px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background: url(//wq.360buyimg.com/fd/h5/wxsq_dev/detail/images/tag_realized_bd38cecd.png) no-repeat;
    background-size: 36px, 40px
}

@media screen and (max-width:374px) {
    .detail_decoration.tag_realized::after {
        right: 106px
    }
}

.detail_decoration .banner {
    width: 100%;
    padding-top: 13.3333%;
    overflow: hidden
}

.detail_decoration .banner img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.detail_decoration .remind {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    text-align: center;
    width: 100px;
    color: #333;
    background-color: #fff;
    font-size: 10px
}

.detail_decoration .remind .content_wrap {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.detail_decoration .remind .text {
    font-size: 12px
}

.detail_decoration .remind .time {
    width: 100%
}

.detail_decoration .remind .box {
    display: inline-block;
    padding: 0 2px;
    margin: 0 1px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    color: #333;
    background-color: #ffc20b;
    border-radius: 2px
}

.detail_decoration .logo {
    position: relative;
    display: inline-block;
    margin: -2px 3px 0 0;
    padding: 0 3px 0 18px;
    height: 15px;
    vertical-align: middle;
    line-height: 15px;
    font-size: 10px
}

.detail_decoration .logo.type_seckill::before {
    background: #fff url() no-repeat 50%;
    background-size: 12px
}

.detail_decoration .logo.type_seckill2::before {
    background: #fff url() no-repeat 50%;
    background-size: 12px
}

.detail_decoration .logo.type_tuan::before {
    background: #fff url() no-repeat 50%;
    background-size: 12px
}

.detail_decoration .logo.type_presell::before {
    background: #fff url() no-repeat 50%;
    background-size: 12px
}

.detail_decoration .logo.type_presell_v2::before {
    background: url() no-repeat 50%;
    background-size: 15px
}

.detail_decoration .logo.type_presell_dream::before {
    background: #fff url() no-repeat 50%;
    background-size: 12px
}

.detail_decoration .logo::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px
}

.detail_decoration .logo::after {
    border-color: #fff;
    border-radius: 1px
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .detail_decoration .logo::after {
        border-radius: 2px
    }
}

.detail_decoration .double_price {
    margin: 0 10px;
    font-size: 12px;
    font-family: JDZH-Regular
}

.detail_decoration .double_price .price_main {
    margin: -8px 0 3px;
    line-height: 1
}

.detail_decoration .double_price .price_main em {
    font-size: 24px
}

.detail_decoration .double_price .price_sub {
    line-height: 1;
    opacity: .6
}

.detail_decoration .double_price .price_sub .txt {
    font-family: JDZH_Light
}

.detail_decoration .double_price .txt {
    font-size: 10px
}

.detail_decoration .price {
    margin: 0 10px;
    font-size: 16px;
    font-family: JDZH-Regular
}

.detail_decoration .price em {
    font-size: 24px
}

.detail_decoration .price strong {
    font-size: 22px;
    font-family: JDZH_Bold
}

.detail_decoration .price .tip {
    font-size: 20px
}

.detail_decoration .msg {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: 10px
}

.detail_decoration .msg .old_price {
    font-family: JDZH_Light;
    font-size: 14px;
    color: #fff;
    opacity: .7
}

.detail_decoration .msg .participant {
    padding: 2px;
    background: rgba(0, 0, 0, .1);
    border-radius: 2px;
    font-size: 10px
}

.detail_decoration .msg .tips {
    display: inline-block;
    margin: -2px 0 0 3px;
    padding: 0 5px;
    height: 15px;
    vertical-align: middle;
    line-height: 15px;
    border-radius: 1px;
    font-size: 10px;
    background-color: #e751c4
}

.detail_decoration .msg .tips.tip_black {
    background: rgba(0, 0, 0, .14);
    margin-left: 0
}

.detail_decoration .msg .info {
    display: inline-block;
    margin: -2px 0 0 3px;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    background: url();
    background-size: 12px
}

.detail_decoration .msg.msg_twoline {
    margin: 0 10px
}

.detail_decoration .msg.msg_twoline .price {
    margin: 0
}

.detail_decoration .msg.msg_twoline .earnest_price {
    margin-top: -4px;
    font-size: 12px;
    color: #fff;
    font-family: JDZH-Regular
}

.detail_decoration .msg.msg_twoline .tips {
    margin: -2.5px 0 0 4px
}

.detail_decoration .msg.msg_twoline .info {
    display: inline-block;
    margin: -4px 0 0 1px;
    padding: 2px;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    background: url() no-repeat 50%;
    background-size: 12px
}

.detail_decoration .msg.msg_twoline .text {
    margin-top: -3px
}

.detail_decoration .msg.msg_twoline .logo {
    margin-bottom: 4px
}

.detail_decoration .countdown {
    position: absolute;
    right: 0;
    top: 0;
    width: 116px;
    height: 100%;
    text-align: center;
    background-color: #f7f7f7;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

@media screen and (max-width:374px) {
    .detail_decoration .countdown {
        width: 106px
    }
}

.detail_decoration .countdown .countdown_text {
    margin-bottom: 2px;
    font-size: 10px;
    color: #333
}

.detail_decoration .countdown .countdown_nums {
    height: 18px;
    font-size: 12px;
    color: #e93b3d
}

.detail_decoration .countdown .countdown_des {
    font-size: 14px;
    color: #999
}

.detail_decoration .countdown .box {
    display: inline-block;
    margin: 0 3px;
    width: 18px;
    height: 18px;
    background: url();
    background-size: 18px;
    color: #e93b3d;
    font-family: JDZH-Regular
}

@media screen and (max-width:374px) {
    .detail_decoration .countdown .box {
        max-width: 17px
    }
}

@media screen and (max-width:359px) {
    .detail_decoration .countdown .box {
        max-width: 15px
    }
}

.detail_decoration .text_right {
    font-size: 12px;
    color: #fff;
    float: right;
    margin-right: 10px;
    max-width: 150px
}

.detail_decoration.bg_pluszx {
    width: 100%;
    height: 0;
    padding-top: 13.3333%;
    overflow: hidden;
    background: url(https://img12.360buyimg.com/img/s750x100_jfs/t1/85601/4/17126/54711/5e83038eEa6484aa2/598b5ac8cbb4cb37.png);
    background-size: cover
}

.detail_decoration.bg_pluszx.no-timer {
    background: url(https://img12.360buyimg.com/img/s750x100_jfs/t1/100073/13/17574/71190/5e8460d0E73167fc2/d431d91fa0658cc8.png);
    background-size: cover
}

.detail_decoration.bg_pluszx .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.detail_decoration.bg_pluszx .price {
    color: #fff;
    margin: 0 6px 0 18px
}

.detail_decoration.bg_pluszx .text {
    font-size: 10px;
    line-height: 1;
    padding: 6px 4px;
    border-radius: 6px;
    background: hsla(0, 0%, 100%, .08);
    color: #fff
}

.detail_decoration.bg_pluszx .countdown {
    width: 30%;
    background-color: unset;
    color: #012853
}

.detail_decoration.bg_pluszx .countdown .countdown_text {
    color: #012853;
    line-height: 1;
    margin-bottom: 6px
}

.detail_decoration.bg_pluszx .countdown .countdown_nums {
    color: #012853
}

.detail_decoration.bg_pluszx .countdown .box {
    width: 18px;
    height: 22px;
    line-height: 22px;
    font-size: 11px;
    color: #fff;
    background: #223771;
    border-radius: 4px;
    margin: 0 2px
}

.detail_decoration.bg_flash,
.detail_decoration.bg_seckill,
.detail_decoration.bg_subscribe,
.detail_decoration.bg_subscribe_appzx {
    width: 100%;
    height: 0;
    padding-top: 13.3333%;
    overflow: hidden;
    background: url(https://img12.360buyimg.com/img/s750x100_jfs/t1/119650/20/7754/47352/5ed632eaE8b4d8095/1e2456ef7139c95f.png);
    background-size: cover
}

.detail_decoration.bg_flash.no-timer,
.detail_decoration.bg_seckill.no-timer,
.detail_decoration.bg_subscribe.no-timer,
.detail_decoration.bg_subscribe_appzx.no-timer {
    background: url(https://img12.360buyimg.com/img/s750x100_jfs/t1/130914/34/1413/61476/5ed868c5Ede704cf7/a4c14423152dfc35.png);
    background-size: cover
}

.detail_decoration.bg_flash.no-timer .icon,
.detail_decoration.bg_seckill.no-timer .icon,
.detail_decoration.bg_subscribe.no-timer .icon,
.detail_decoration.bg_subscribe_appzx.no-timer .icon {
    margin-right: 0
}

.detail_decoration.bg_flash .content,
.detail_decoration.bg_seckill .content,
.detail_decoration.bg_subscribe .content,
.detail_decoration.bg_subscribe_appzx .content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.detail_decoration.bg_flash .price,
.detail_decoration.bg_seckill .price,
.detail_decoration.bg_subscribe .price,
.detail_decoration.bg_subscribe_appzx .price {
    line-height: 1;
    color: #fff;
    margin: 0 6px 0 18px
}

.detail_decoration.bg_flash .text,
.detail_decoration.bg_seckill .text,
.detail_decoration.bg_subscribe .text,
.detail_decoration.bg_subscribe_appzx .text {
    font-size: 11px;
    line-height: 15px;
    padding: 5.5px 6px;
    border-radius: 6px;
    background: rgba(0, 0, 0, .1);
    color: #fff;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.detail_decoration.bg_flash .countdown,
.detail_decoration.bg_seckill .countdown,
.detail_decoration.bg_subscribe .countdown,
.detail_decoration.bg_subscribe_appzx .countdown {
    width: 28.8%;
    background-color: unset;
    color: #ff1450
}

.detail_decoration.bg_flash .countdown .countdown_text,
.detail_decoration.bg_seckill .countdown .countdown_text,
.detail_decoration.bg_subscribe .countdown .countdown_text,
.detail_decoration.bg_subscribe_appzx .countdown .countdown_text {
    color: #ff1450;
    line-height: 1;
    margin-bottom: 6px
}

.detail_decoration.bg_flash .countdown .countdown_nums,
.detail_decoration.bg_seckill .countdown .countdown_nums,
.detail_decoration.bg_subscribe .countdown .countdown_nums,
.detail_decoration.bg_subscribe_appzx .countdown .countdown_nums {
    color: #ff1450
}

.detail_decoration.bg_flash .countdown .box,
.detail_decoration.bg_seckill .countdown .box,
.detail_decoration.bg_subscribe .countdown .box,
.detail_decoration.bg_subscribe_appzx .countdown .box {
    width: 18px;
    height: 22px;
    line-height: 22px;
    font-size: 11px;
    color: #fff;
    background: #ff1450;
    border-radius: 4px;
    margin: 0 2px
}

.detail_decoration.bg_flash .double_price,
.detail_decoration.bg_seckill .double_price,
.detail_decoration.bg_subscribe .double_price,
.detail_decoration.bg_subscribe_appzx .double_price {
    color: #fff;
    font-size: 16px;
    margin: 0 6px 0 18px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.detail_decoration.bg_flash .double_price .price_main,
.detail_decoration.bg_seckill .double_price .price_main,
.detail_decoration.bg_subscribe .double_price .price_main,
.detail_decoration.bg_subscribe_appzx .double_price .price_main {
    margin-top: 0
}

.detail_decoration.bg_flash .double_price .price_sub,
.detail_decoration.bg_seckill .double_price .price_sub,
.detail_decoration.bg_subscribe .double_price .price_sub,
.detail_decoration.bg_subscribe_appzx .double_price .price_sub {
    opacity: 1;
    font-size: 12px
}

.detail_decoration.bg_flash .double_price .txt,
.detail_decoration.bg_seckill .double_price .txt,
.detail_decoration.bg_subscribe .double_price .txt,
.detail_decoration.bg_subscribe_appzx .double_price .txt {
    font-family: unset
}

.detail_decoration.bg_flash .old_price,
.detail_decoration.bg_seckill .old_price,
.detail_decoration.bg_subscribe .old_price,
.detail_decoration.bg_subscribe_appzx .old_price {
    font-family: , JDZH-Regular;
    opacity: .8;
    font-size: 12px;
    color: #fff
}

.detail_decoration.bg_flash .icon,
.detail_decoration.bg_seckill .icon,
.detail_decoration.bg_subscribe .icon,
.detail_decoration.bg_subscribe_appzx .icon {
    -webkit-flex-shrink: 0;
    flex-shrink: 0;
    margin-left: auto;
    height: 100%;
    width: auto;
    margin-right: 28.8%
}

.detail_decoration.bg_subscribe_appzx {
    background: url(https://img12.360buyimg.com/img/s750x100_jfs/t1/113562/38/9168/48848/5ed89928E5b877bf7/8cb4b0f533976647.png);
    background-size: cover
}

.detail_decoration.bg_subscribe_appzx.no-timer {
    background: url(https://img12.360buyimg.com/img/s750x100_jfs/t1/124137/35/4049/59540/5ed897bbE4707f1b8/359d64fb7eba5607.png);
    background-size: cover
}

.detail_decoration.bg_seckill {
    background: url(https://img12.360buyimg.com/img/s750x100_jfs/t1/120126/2/5105/50979/5ee98c8fE89e0c5e7/62ae747801d915b8.png);
    background-size: cover
}

.detail_decoration.bg_seckill.no-timer {
    background: url(https://img12.360buyimg.com/img/s750x100_jfs/t1/139655/31/876/71295/5ee9d996E96aca8ec/d8d521efded8d3ef.png);
    background-size: cover
}

.detail_decoration.bg_seckill .price {
    margin-left: 54px
}

.detail_decoration.bg_seckill .countdown {
    color: #f71471
}

.detail_decoration.bg_seckill .countdown .countdown_text {
    color: #f71471
}

.detail_decoration.bg_seckill .countdown .countdown_nums {
    color: #f71471
}

.detail_decoration.bg_seckill .countdown .box {
    background: #f71471
}

.detail_decoration.bg_flash {
    background: url(https://img12.360buyimg.com/img/s750x100_jfs/t1/110816/13/13056/56577/5ee98ca3E961eb17c/1ac96b81a54b1f77.png);
    background-size: cover
}

.detail_decoration.bg_flash.no-timer {
    background: url(https://img12.360buyimg.com/img/s750x100_jfs/t1/127859/31/5000/77240/5ee9d996E589c7ca4/2d1915c078c63463.png);
    background-size: cover
}

.detail_decoration.bg_flash .price {
    margin-left: 54px
}

.detail_decoration.bg_flash .countdown {
    color: #5324b3
}

.detail_decoration.bg_flash .countdown .countdown_text {
    color: #5324b3
}

.detail_decoration.bg_flash .countdown .countdown_nums {
    color: #5324b3
}

.detail_decoration.bg_flash .countdown .box {
    background: #5324b3
}

.mod_dream_share {
    display: none;
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 300;
    height: 100%;
    width: 100%;
    background-color: rgba(0, 0, 0, .7);
    background-image: url(//wq.360buyimg.com/fd/h5/wxsq_dev/detail/images/share_point_c51bf679.png);
    background-repeat: no-repeat;
    background-size: 70%;
    background-position: right -65px
}

.mod_dream_share.show {
    display: block
}

.mod_dream_share>p {
    text-align: center;
    font-size: 18px;
    line-height: 26px;
    color: #fff
}

.mod_dream_share>p.orange {
    margin-top: 145px;
    color: #fa9c0f
}

.mod_dream_share>p.middle {
    font-size: 15px
}

.mod_dream_share .dream_process_container {
    width: 270px;
    height: 65px;
    margin: 10px auto;
    border: 1px dashed rgba(253, 173, 14, .6);
    border-radius: 8px;
    padding: 10px
}

.mod_dream_share .dream_process_container .dream_process {
    background: -webkit-gradient(linear, left top, right top, from(#fcc60b), to(#ff5419));
    background: -webkit-linear-gradient(left, #fcc60b, #ff5419);
    background: linear-gradient(90deg, #fcc60b, #ff5419);
    height: 100%;
    border-radius: 4px;
    padding: 8px 10px;
    box-sizing: border-box
}

.mod_dream_share .dream_process_container .dream_process .text:first-child {
    margin-bottom: 5px
}

.mod_dream_share .dream_process_container .dream_process .countdown {
    background-color: transparent;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    height: auto
}

.mod_dream_share .dream_process_container .dream_process .countdown .countdown_nums,
.mod_dream_share .dream_process_container .dream_process .countdown .countdown_text {
    color: #fff
}

.mod_dream_share .dream_process_container .dream_process .countdown .countdown_text {
    margin: 0 0 4px
}

.mod_dream_share .dream_process_container .dream_process::after {
    content: "";
    position: absolute;
    right: -30px;
    bottom: -30px;
    width: 12px;
    height: 12px;
    background-image: url();
    background-size: cover
}

.mod_bargain::after {
    content: "\20";
    display: block
}

.mod_bargain::after {
    width: 12px;
    height: 12px;
    border-top: 1px solid #7d7d7d;
    border-left: 1px solid #7d7d7d;
    background: none
}

.mod_bargain::after {
    margin-top: -6px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.mod_bargain {
    position: relative;
    margin-bottom: 15px;
    padding: 7px 20px 7px 10px;
    background: #fdf0f0;
    font-size: 12px;
    color: #999
}

.mod_bargain .title {
    line-height: 18px;
    color: #333
}

.mod_bargain .title .mod_sign_tip {
    background: transparent
}

.mod_bargain .title .mod_sign_tip span {
    background: transparent
}

.mod_bargain .title .price {
    margin: 0 5px;
    font-weight: 700;
    color: #151515
}

.mod_bargain .title .price em {
    font-size: 16px
}

.mod_bargain .info {
    line-height: 14px
}

.mod_bargain .info,
.mod_bargain .title {
    display: inline-block;
    margin: 2px 0
}

.mod_bargain::after {
    position: absolute;
    right: 12px;
    top: 50%;
    margin-top: -3px;
    width: 5px;
    height: 5px;
    border-left-width: 2px;
    border-top-width: 2px;
    border-color: #ccc
}

.mod_plus_discount_guide .body .floor .content.bg_yellow .item:not(:first-child)::before {
    content: "";
    height: 0;
    display: block;
    border-top: 1px solid #ddd;
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .mod_plus_discount_guide .body .floor .content.bg_yellow .item:not(:first-child)::before {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 0
    }
}

.mod_plus_discount_guide {
    position: fixed;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 110;
    background-color: rgba(0, 0, 0, .7)
}

.mod_plus_discount_guide:after {
    content: "";
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    height: constant(safe-area-inset-bottom);
    height: env(safe-area-inset-bottom)
}

.mod_plus_discount_guide.show:after {
    display: block
}

.mod_plus_discount_guide.show {
    top: 0
}

.mod_plus_discount_guide.show .main {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mod_plus_discount_guide .main {
    position: absolute;
    -webkit-transform: translate3d(0, 495px, 0);
    transform: translate3d(0, 495px, 0);
    -webkit-transition: -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    transition: -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    transition: transform .2s cubic-bezier(0, 0, .25, 1);
    transition: transform .2s cubic-bezier(0, 0, .25, 1), -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    bottom: 0;
    bottom: constant(safe-area-inset-bottom);
    bottom: env(safe-area-inset-bottom);
    width: 100%;
    min-height: 375px;
    max-height: 475px;
    background-color: #fff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    overflow: hidden
}

.mod_plus_discount_guide .header {
    position: relative;
    height: 51px;
    line-height: 51px;
    font-size: 15px;
    color: #333;
    text-align: center;
    font-weight: 700
}

.mod_plus_discount_guide .header .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 44px
}

.mod_plus_discount_guide .header .close:after {
    content: "";
    position: absolute;
    top: 15px;
    right: 18px;
    width: 20px;
    height: 20px;
    background-image: url();
    background-size: cover
}

.mod_plus_discount_guide .body {
    max-height: 379px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    font-size: 13px;
    color: #333;
    line-height: 16px;
    padding-bottom: 60px;
    box-sizing: border-box
}

.mod_plus_discount_guide .body .floor_tip {
    background: #fcf9da;
    height: 37px;
    line-height: 37px;
    font-size: 12px;
    color: #de6a1c;
    padding: 0 18px
}

.mod_plus_discount_guide .body .floor_tip i {
    display: inline-block;
    width: 13px;
    height: 13px;
    vertical-align: text-top;
    margin-right: 6px;
    background-image: url();
    background-repeat: no-repeat;
    background-size: contain
}

.mod_plus_discount_guide .body .floor {
    margin-top: 24px;
    padding: 0 18px
}

.mod_plus_discount_guide .body .floor .title {
    position: relative;
    font-weight: 700;
    font-size: 13px;
    color: #262626
}

.mod_plus_discount_guide .body .floor .title span {
    position: absolute;
    right: 0;
    top: 0
}

.mod_plus_discount_guide .body .floor .title span i {
    color: #f2270c
}

.mod_plus_discount_guide .body .floor .content {
    margin-top: 18px
}

.mod_plus_discount_guide .body .floor .content.bg_yellow {
    background: #fefaf1;
    border-radius: 6px;
    color: #cb9933
}

.mod_plus_discount_guide .body .floor .content.bg_yellow .item {
    position: relative;
    padding: 17px 12px
}

.mod_plus_discount_guide .body .floor .content.bg_yellow .item:not(:first-child)::before {
    left: 12px;
    right: 10px
}

.mod_plus_discount_guide .body .floor .content.bg_yellow .item .item_main {
    font-weight: 700
}

.mod_plus_discount_guide .body .floor .content.bg_yellow .item .item_main span {
    top: 17px;
    right: 12px
}

.mod_plus_discount_guide .body .floor .content.bg_yellow .item .item_sub {
    color: #cb9933
}

.mod_plus_discount_guide .body .floor .content .item .item_main span {
    position: absolute;
    right: 0;
    top: 0
}

.mod_plus_discount_guide .body .floor .content .item .item_sub {
    margin-top: 10px;
    color: #8c8c8c
}

.mod_plus_discount_guide .mod_btns {
    z-index: 100;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 6px 18px;
    background-color: #fff
}

.mod_plus_discount_guide .mod_btns .mod_btn {
    height: 38px;
    line-height: 38px;
    border-radius: 21px
}

.mod_plus_discount_guide .mod_btns .bg_red {
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    background-image: -webkit-linear-gradient(315deg, #f2140c, #f2270c 70%, #f24d0c);
    background-image: linear-gradient(135deg, #f2140c, #f2270c 70%, #f24d0c)
}

.group_nav_v2_item {
    font-family: -apple-system, Helvetica, sans-serif
}

.group_nav_v2_price {
    font-family: arial
}

.group_nav_v2_list {
    margin: 5px 0;
    font-family: Helvetica;
    font-size: 0
}

.group_nav_v2_item {
    position: relative;
    display: inline-block;
    width: 32%;
    height: 30px;
    line-height: 30px;
    text-align: center;
    font-size: 12px;
    color: #333;
    background-color: #f6f6f9
}

.group_nav_v2_item:nth-child(2) {
    width: 33%
}

.group_nav_v2_item:last-child {
    width: 35%
}

.group_nav_v2_item:not(:last-child):after {
    content: "";
    z-index: 1;
    position: absolute;
    top: 0;
    right: -13px;
    width: 13px;
    height: 30px;
    background: url() 13px 0;
    background-size: 26px
}

.group_nav_v2_item.on {
    color: #fff;
    background-color: #5dd690
}

.group_nav_v2_item.on:not(:last-child):after {
    background-position: 0 0
}

.mod_key_parameters .key_parameters_item .item_name,
.mod_key_parameters .key_parameters_item .item_value {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mod_key_parameters {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 2px 0 12px
}

.mod_key_parameters .key_parameters_item {
    position: relative;
    padding: 0 5px;
    min-width: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    color: #333
}

.mod_key_parameters .key_parameters_item:not(:last-child)::after {
    display: block;
    content: " ";
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 1px;
    height: 20px;
    background: #e6e6e6
}

.mod_key_parameters .key_parameters_item img {
    width: 20px;
    height: 20px;
    margin-bottom: 7px
}

.mod_key_parameters .key_parameters_item .item_name {
    font-family: PingFangSC-Semibold;
    font-size: 12px;
    line-height: 18px;
    font-weight: 700
}

.mod_key_parameters .key_parameters_item .item_value {
    font-family: PingFangSC-Regular;
    font-size: 10px;
    line-height: 15px
}

.mod_key_parameters.scroll_container {
    display: block;
    height: 60px;
    overflow-x: scroll;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap
}

.mod_key_parameters.scroll_container .key_parameters_item {
    -webkit-box-flex: 0;
    -webkit-flex: none;
    flex: none;
    display: inline-block;
    width: 74px
}

.parameters_detail_main {
    font-family: PingFangSC-Regular;
    position: fixed;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 110;
    background-color: rgba(0, 0, 0, .7)
}

.parameters_detail_main:after {
    content: "";
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    height: constant(safe-area-inset-bottom);
    height: env(safe-area-inset-bottom)
}

.parameters_detail_main.show:after {
    display: block
}

.parameters_detail_main.show {
    top: 0
}

.parameters_detail_main.show .main {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.parameters_detail_main .main {
    position: absolute;
    -webkit-transform: translate3d(0, 495px, 0);
    transform: translate3d(0, 495px, 0);
    -webkit-transition: -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    transition: -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    transition: transform .2s cubic-bezier(0, 0, .25, 1);
    transition: transform .2s cubic-bezier(0, 0, .25, 1), -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    bottom: 0;
    bottom: constant(safe-area-inset-bottom);
    bottom: env(safe-area-inset-bottom);
    width: 100%;
    min-height: 375px;
    max-height: 475px;
    background-color: #fff
}

.parameters_detail_main .header {
    position: relative;
    height: 46px;
    line-height: 46px;
    padding-left: 10px;
    font-size: 16px;
    color: #333;
    background-color: #f7f7f7
}

.parameters_detail_main .header .close_sp {
    position: absolute;
    right: 0;
    top: 0;
    width: 46px;
    height: 46px;
    background-image: url();
    background-size: 13px 13px;
    background-repeat: no-repeat;
    background-position: 50%
}

.parameters_detail_main .body {
    margin-bottom: 50px;
    max-height: 368px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.parameters_detail_main .mod_btns {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0
}

.parameters_detail_main .mod_btns .mod_btn {
    font-size: 16px;
    height: 50px;
    line-height: 50px;
    border-radius: 0;
    background-image: -webkit-linear-gradient(315deg, #f2140c, #f2270c 70%, #f24d0c);
    background-image: linear-gradient(135deg, #f2140c, #f2270c 70%, #f24d0c);
    color: #fff;
    border: none
}

.parameters_detail_main .body {
    font-size: 14px;
    color: #333;
    line-height: 21px;
    padding: 12px 10px 0
}

.parameters_detail_main .body>div {
    display: inline-block
}

.parameters_detail_main .body .key {
    padding-right: 10px;
    color: #999;
    white-space: nowrap
}

.parameters_detail_main .body .key+td {
    padding-bottom: 8px
}

.detail_ease_global_service_main .body ul li:not(:last-child):after,
.detail_ease_service_main .body ul li:not(:last-child):after,
.detail_global_service_v2_main .body ul li:not(:last-child):after,
.detail_jz_service_main .body ul li:not(:last-child):after {
    content: "";
    height: 0;
    display: block;
    border-bottom: 1px solid #ddd;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .detail_ease_global_service_main .body ul li:not(:last-child):after,
    .detail_ease_service_main .body ul li:not(:last-child):after,
    .detail_global_service_v2_main .body ul li:not(:last-child):after,
    .detail_jz_service_main .body ul li:not(:last-child):after {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 100%
    }
}

.buy_area .jx_row:before {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: url() no-repeat;
    background-size: cover
}

.detail_ease_global_service_main,
.detail_ease_service_main,
.detail_global_service_v2_main,
.detail_jz_service_main,
.detail_serve_main {
    position: fixed;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 110;
    background-color: rgba(0, 0, 0, .7)
}

.detail_ease_global_service_main:after,
.detail_ease_service_main:after,
.detail_global_service_v2_main:after,
.detail_jz_service_main:after,
.detail_serve_main:after {
    content: "";
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    height: constant(safe-area-inset-bottom);
    height: env(safe-area-inset-bottom)
}

.show.detail_ease_global_service_main:after,
.show.detail_ease_service_main:after,
.show.detail_global_service_v2_main:after,
.show.detail_jz_service_main:after,
.show.detail_serve_main:after {
    display: block
}

.show.detail_ease_global_service_main,
.show.detail_ease_service_main,
.show.detail_global_service_v2_main,
.show.detail_jz_service_main,
.show.detail_serve_main {
    top: 0
}

.show.detail_ease_global_service_main .main,
.show.detail_ease_service_main .main,
.show.detail_global_service_v2_main .main,
.show.detail_jz_service_main .main,
.show.detail_serve_main .main {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.detail_ease_global_service_main .main,
.detail_ease_service_main .main,
.detail_global_service_v2_main .main,
.detail_jz_service_main .main,
.detail_serve_main .main {
    position: absolute;
    -webkit-transform: translate3d(0, 495px, 0);
    transform: translate3d(0, 495px, 0);
    -webkit-transition: -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    transition: -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    transition: transform .2s cubic-bezier(0, 0, .25, 1);
    transition: transform .2s cubic-bezier(0, 0, .25, 1), -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    bottom: 0;
    bottom: constant(safe-area-inset-bottom);
    bottom: env(safe-area-inset-bottom);
    box-sizing: border-box;
    width: 100%;
    min-height: 400px;
    max-height: 400px;
    background-color: #fff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    overflow: hidden;
    padding: 0 18px
}

.detail_ease_global_service_main .header,
.detail_ease_service_main .header,
.detail_global_service_v2_main .header,
.detail_jz_service_main .header,
.detail_serve_main .header {
    position: relative;
    height: 48px;
    line-height: 48px;
    font-size: 15px;
    color: #333;
    text-align: center;
    font-weight: 700
}

.detail_ease_global_service_main .header .close,
.detail_ease_service_main .header .close,
.detail_global_service_v2_main .header .close,
.detail_jz_service_main .header .close,
.detail_serve_main .header .close {
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    background-image: url();
    background-repeat: no-repeat;
    background-size: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.detail_ease_global_service_main .body,
.detail_ease_service_main .body,
.detail_global_service_v2_main .body,
.detail_jz_service_main .body,
.detail_serve_main .body {
    max-height: 429px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.detail_ease_global_service_main .body::-webkit-scrollbar,
.detail_ease_service_main .body::-webkit-scrollbar,
.detail_global_service_v2_main .body::-webkit-scrollbar,
.detail_jz_service_main .body::-webkit-scrollbar,
.detail_serve_main .body::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

.buy_area .jz_point {
    font-size: 12px;
    color: #666;
    margin: 6px 10px
}

.buy_area .ease_buy_service,
.buy_area .global_buy_service_v2,
.buy_area .jx_row,
.buy_area .jz_service {
    display: none;
    position: relative;
    height: 13px;
    line-height: 1;
    background: #fbf0fd;
    padding: 12px 48px 12px 10px;
    vertical-align: middle;
    font-size: 13px;
    color: #ae65a2
}

.buy_area .ease_buy_service.show,
.buy_area .global_buy_service_v2.show,
.buy_area .jx_row.show,
.buy_area .jz_service.show {
    display: -webkit-box !important;
    display: -webkit-flex !important;
    display: flex !important
}

.buy_area .ease_buy_service i,
.buy_area .global_buy_service_v2 i,
.buy_area .jx_row i,
.buy_area .jz_service i {
    background-repeat: no-repeat;
    background-position: 0 0;
    vertical-align: middle;
    background-size: contain;
    margin-right: 4px
}

.buy_area .ease_buy_service i.icon_global_buy,
.buy_area .global_buy_service_v2 i.icon_global_buy,
.buy_area .jx_row i.icon_global_buy,
.buy_area .jz_service i.icon_global_buy {
    width: 69px;
    height: 14px;
    margin-bottom: 2px;
    background-image: url()
}

.buy_area .ease_buy_service i.icon_global_choice,
.buy_area .global_buy_service_v2 i.icon_global_choice,
.buy_area .jx_row i.icon_global_choice,
.buy_area .jz_service i.icon_global_choice {
    width: 76px;
    height: 16px;
    margin-bottom: 3px;
    background-image: url()
}

.buy_area .ease_buy_service i.icon_ease_buy,
.buy_area .global_buy_service_v2 i.icon_ease_buy,
.buy_area .jx_row i.icon_ease_buy,
.buy_area .jz_service i.icon_ease_buy {
    width: 70px;
    height: 13px;
    background-image: url()
}

.buy_area .ease_buy_service i.icon_ease_buy_qy,
.buy_area .global_buy_service_v2 i.icon_ease_buy_qy,
.buy_area .jx_row i.icon_ease_buy_qy,
.buy_area .jz_service i.icon_ease_buy_qy {
    width: 70px;
    height: 13px;
    background-image: url()
}

.buy_area .ease_buy_service i.icon_factory_supply,
.buy_area .global_buy_service_v2 i.icon_factory_supply,
.buy_area .jx_row i.icon_factory_supply,
.buy_area .jz_service i.icon_factory_supply {
    width: 62px;
    height: 15px;
    margin-right: 10px;
    background-image: url()
}

.buy_area .ease_buy_service i.icon_jz,
.buy_area .global_buy_service_v2 i.icon_jz,
.buy_area .jx_row i.icon_jz,
.buy_area .jz_service i.icon_jz {
    width: 57px;
    height: 14px;
    margin: 0 10px 3px 0;
    background-image: url()
}

.buy_area .ease_buy_service i.icon_jx,
.buy_area .global_buy_service_v2 i.icon_jx,
.buy_area .jx_row i.icon_jx,
.buy_area .jz_service i.icon_jx {
    width: 74px;
    height: 14px;
    margin: 0 10px 3px 0;
    background-image: url()
}

.buy_area .ease_buy_service {
    color: #e93b3d
}

.buy_area .ease_buy_service .three_dot {
    position: absolute;
    top: 50%;
    right: 28px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: #e93b3d;
    width: 4px;
    height: 4px;
    border-radius: 50%
}

.buy_area .ease_buy_service .three_dot::after,
.buy_area .ease_buy_service .three_dot::before {
    display: block;
    content: "";
    background-color: #e93b3d;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2px;
    height: 2px;
    border-radius: 50%
}

.buy_area .ease_buy_service .three_dot::before {
    left: -6px
}

.buy_area .ease_buy_service .three_dot::after {
    right: -6px
}

.buy_area .ease_buy_service.qiyue {
    background: #fcedeb;
    color: #f2270c
}

.buy_area .ease_buy_service.qiyue .three_dot {
    position: absolute;
    top: 50%;
    right: 28px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: #f2270c;
    width: 4px;
    height: 4px;
    border-radius: 50%
}

.buy_area .ease_buy_service.qiyue .three_dot::after,
.buy_area .ease_buy_service.qiyue .three_dot::before {
    display: block;
    content: "";
    background-color: #f2270c;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2px;
    height: 2px;
    border-radius: 50%
}

.buy_area .ease_buy_service.qiyue .three_dot::before {
    left: -6px
}

.buy_area .ease_buy_service.qiyue .three_dot::after {
    right: -6px
}

.buy_area .jz_service {
    background-color: #fefbea;
    height: 13px;
    line-height: 13px;
    color: #c5792e;
    font-size: 14px
}

.buy_area .jz_service .three_dot {
    position: absolute;
    top: 50%;
    right: 28px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: #c5792e;
    width: 4px;
    height: 4px;
    border-radius: 50%
}

.buy_area .jz_service .three_dot::after,
.buy_area .jz_service .three_dot::before {
    display: block;
    content: "";
    background-color: #c5792e;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2px;
    height: 2px;
    border-radius: 50%
}

.buy_area .jz_service .three_dot::before {
    left: -6px
}

.buy_area .jz_service .three_dot::after {
    right: -6px
}

.buy_area .jx_row {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #333;
    background: #fff9e5
}

.buy_area .jx_row:before {
    content: ""
}

.buy_area .jx_row:after {
    display: none
}

.buy_area .global_buy_service_v2 {
    background: #fdf0f0;
    color: #e2231a
}

.buy_area .global_buy_service_v2 .global_buy_tag {
    white-space: nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow: hidden
}

.buy_area .global_buy_service_v2:after {
    background-image: none
}

.buy_area .global_buy_service_v2 i.icon_global_buy {
    background-image: url()
}

.buy_area .global_buy_service_v2 .three_dot {
    position: absolute;
    top: 50%;
    right: 28px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    background-color: #e2231a;
    width: 4px;
    height: 4px;
    border-radius: 50%
}

.buy_area .global_buy_service_v2 .three_dot::after,
.buy_area .global_buy_service_v2 .three_dot::before {
    display: block;
    content: "";
    background-color: #e2231a;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 2px;
    height: 2px;
    border-radius: 50%
}

.buy_area .global_buy_service_v2 .three_dot::before {
    left: -6px
}

.buy_area .global_buy_service_v2 .three_dot::after {
    right: -6px
}

.ease_buy_service .ease_buy_tag {
    white-space: nowrap;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow: hidden
}

.ease_buy_service .ease_buy_tag span {
    display: inline-block;
    position: relative
}

.detail_ease_global_service_main .header,
.detail_ease_service_main .header,
.detail_global_service_v2_main .header,
.detail_jz_service_main .header {
    height: 46px;
    line-height: 46px;
    font-size: 16px;
    color: #333
}

.detail_ease_global_service_main .header:after,
.detail_ease_service_main .header:after,
.detail_global_service_v2_main .header:after,
.detail_jz_service_main .header:after {
    border-color: transparent
}

.detail_ease_global_service_main .header .close_sp,
.detail_ease_service_main .header .close_sp,
.detail_global_service_v2_main .header .close_sp,
.detail_jz_service_main .header .close_sp {
    position: absolute;
    top: 50%;
    right: 0;
    width: 20px;
    height: 20px;
    background-image: url();
    background-repeat: no-repeat;
    background-size: 20px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.detail_ease_global_service_main .body,
.detail_ease_service_main .body,
.detail_global_service_v2_main .body,
.detail_jz_service_main .body {
    margin-bottom: 50px;
    max-height: 310px
}

.detail_ease_global_service_main .body ul li,
.detail_ease_service_main .body ul li,
.detail_global_service_v2_main .body ul li,
.detail_jz_service_main .body ul li {
    position: relative;
    padding: 12px 0
}

.detail_ease_global_service_main .body ul li:not(:last-child):after,
.detail_ease_service_main .body ul li:not(:last-child):after,
.detail_global_service_v2_main .body ul li:not(:last-child):after,
.detail_jz_service_main .body ul li:not(:last-child):after {
    border-color: #e5e5e5
}

.detail_ease_global_service_main .body ul li .title,
.detail_ease_service_main .body ul li .title,
.detail_global_service_v2_main .body ul li .title,
.detail_jz_service_main .body ul li .title {
    font-size: 14px;
    color: #e2231a;
    line-height: 21px
}

.detail_ease_global_service_main .body ul li .content,
.detail_ease_service_main .body ul li .content,
.detail_global_service_v2_main .body ul li .content,
.detail_jz_service_main .body ul li .content {
    margin-top: 3px;
    font-size: 12px;
    color: #666;
    letter-spacing: 0;
    line-height: 18px
}

.detail_ease_global_service_main .mod_btns,
.detail_ease_service_main .mod_btns,
.detail_global_service_v2_main .mod_btns,
.detail_jz_service_main .mod_btns {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 6px 18px
}

.detail_ease_global_service_main .mod_btns .mod_btn,
.detail_ease_service_main .mod_btns .mod_btn,
.detail_global_service_v2_main .mod_btns .mod_btn,
.detail_jz_service_main .mod_btns .mod_btn {
    font-size: 13px;
    font-weight: 700;
    height: 38px;
    line-height: 38px;
    border-radius: 21px;
    background-image: -webkit-linear-gradient(315deg, #f2140c, #f2270c 70%, #f24d0c);
    background-image: linear-gradient(135deg, #f2140c, #f2270c 70%, #f24d0c);
    color: #fff;
    border-width: 0
}

.detail_ease_global_service_main .mod_btns .mod_btn:active,
.detail_ease_service_main .mod_btns .mod_btn:active,
.detail_global_service_v2_main .mod_btns .mod_btn:active,
.detail_jz_service_main .mod_btns .mod_btn:active {
    background-image: -webkit-linear-gradient(315deg, #f2140c, #f2270c 70%, #f24d0c);
    background-image: linear-gradient(135deg, #f2140c, #f2270c 70%, #f24d0c)
}

.detail_jz_service_main .body ul li .title {
    position: relative;
    padding-left: 17px;
    color: #262626
}

.detail_jz_service_main .body ul li .title i {
    position: absolute;
    left: 0;
    top: 4px;
    width: 12px;
    height: 12px;
    background-image: url();
    background-size: cover
}

.detail_jz_service_main .body ul li .content {
    padding-left: 17px;
    color: #666
}

.detail_global_service_v2_main .body ul li .title {
    color: #e2231a
}

.service_bar .show~.show {
    margin-top: 15px
}

.detail_serve_main .body {
    margin-bottom: 50px;
    max-height: 310px
}

.detail_serve_main .section {
    position: relative;
    padding: 9px 0
}

.detail_serve_main .section:first-child {
    padding-top: 0
}

.detail_serve_main a.section {
    display: block
}

.detail_serve_main a.section .detail_serve_main_tit {
    font-size: 14px;
    position: relative
}

.detail_serve_main a.section .detail_serve_main_tit::after {
    display: block;
    content: "";
    position: absolute;
    top: 50%;
    right: 5px;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 12px;
    height: 12px;
    background-image: url();
    background-size: 12px
}

.detail_serve_main .mod_btns {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    padding: 6px 18px;
    margin: 0;
    background: #fff
}

.detail_serve_main .mod_btns .mod_btn {
    font-size: 13px;
    font-weight: 700;
    height: 38px;
    line-height: 38px;
    border-radius: 21px
}

.detail_serve_main .mod_btns .mod_btn.bg_1 {
    background-image: -webkit-linear-gradient(315deg, #f2140c, #f2270c 70%, #f24d0c);
    background-image: linear-gradient(135deg, #f2140c, #f2270c 70%, #f24d0c)
}

.detail_serve_main .detail_serve_main_tit {
    color: #262626;
    font-size: 13px;
    line-height: 21px
}

.detail_serve_main .detail_serve_main_tit:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-top: -3px;
    margin-right: 6px;
    width: 12px;
    height: 12px;
    background: url() no-repeat;
    background-size: 12px auto
}

.detail_serve_main .detail_serve_main_tit.disabled:before {
    background-image: url()
}

.detail_serve_main .detail_serve_main_content {
    font-size: 12px;
    margin-top: 12px;
    color: #8c8c8c
}

.mod_inspectyoupin_zj {
    margin-top: 2px;
    background-color: #fff;
    height: 100px;
    font-size: 13px;
    color: #262626;
    font-weight: 700;
    text-align: center;
    white-space: nowrap;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    overflow: hidden
}

.mod_inspectyoupin_zj .title {
    padding: 0 12px 0 18px;
    line-height: 24px
}

.mod_inspectyoupin_zj ul {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow-x: auto;
    text-align: left
}

.mod_inspectyoupin_zj ul li {
    display: inline-block;
    line-height: 1;
    margin: 0 12px;
    text-align: center
}

.mod_inspectyoupin_zj ul li img {
    width: 30px;
    height: 30px
}

.mod_inspectyoupin_zj ul li .item_name {
    margin: 8px 0 4px
}

.mod_inspectyoupin_zj ul li .item_value {
    font-weight: 400
}

.mod_inspectyoupin_zj .btn {
    padding: 25px 13px;
    font-size: 12px;
    font-weight: 400;
    line-height: 17px
}

.mod_discount .content .detail_prom .de_row.prom_item .de_span.line1,
.mod_discount .content .dicount_plus {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mod_discount_main .body .floor .coupon_voucher3_view_price i {
    font-family: arial
}

.mod_discount_main .body .floor .coupon_voucher3_info_date,
.mod_discount_main .body .floor .coupon_voucher3_view_des,
.mod_discount_main .body .floor .coupon_voucher3_view_price,
.mod_discount_main .body .floor .coupon_voucher3_view_text,
.mod_discount_main .body .floor .coupon_voucher3_view_tips {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.mod_discount:after {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url();
    background-repeat: no-repeat;
    background-size: 20px
}

.mod_discount .content .dicount_coupon .coupon.bg_yellow:after,
.mod_discount .content .dicount_coupon .coupon.bg_yellow:before,
.mod_discount .content .dicount_coupon .coupon:after,
.mod_discount .content .dicount_coupon .coupon:before {
    content: "";
    position: absolute;
    top: -1px;
    height: 18px;
    background-image: url();
    background-size: 15px 18px;
    background-repeat: no-repeat
}

.dicount_plus_icon {
    display: inline-block;
    width: 53px;
    height: 14px;
    margin-right: 5px;
    vertical-align: text-bottom;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url()
}

.mod_discount {
    position: relative;
    padding: 18px 20px 5px 38px;
    font-size: 0;
    color: #333;
    word-break: break-word;
    overflow: hidden;
    font-size: 13px;
    line-height: 18px
}

.mod_discount .title {
    position: absolute;
    left: 0;
    top: 18px;
    color: #262626;
    font-weight: 700
}

.mod_discount:after {
    top: 12px;
    right: 0;
    content: ""
}

.mod_discount .content>div {
    margin-bottom: 12px
}

.mod_discount .content .dicount_coupon {
    height: 18px;
    line-height: 0;
    overflow: hidden;
    word-break: break-word
}

.mod_discount .content .dicount_coupon .coupon {
    position: relative;
    display: inline-block;
    margin-right: 5px;
    padding: 0 9px 0 12px;
    border-top: 1px solid #f2270c;
    border-bottom: 1px solid #f2270c;
    height: 16px;
    line-height: 16px;
    color: #f2270c;
    font-size: 10px
}

.mod_discount .content .dicount_coupon .coupon:before {
    left: 0;
    width: 7px
}

.mod_discount .content .dicount_coupon .coupon:after {
    right: 0;
    width: 4px;
    background-position: -11px 0
}

.mod_discount .content .dicount_coupon .coupon.bg_red {
    color: #fff;
    margin: 0 8.5px 0 9px;
    padding: 0 5.5px 0 3px;
    background-color: #f2270c
}

.mod_discount .content .dicount_coupon .coupon.bg_red:before {
    content: "";
    position: absolute;
    top: -1px;
    left: -9px;
    height: 18px;
    background-image: url("");
    background-size: 15px 18px;
    background-repeat: no-repeat;
    width: 9px
}

.mod_discount .content .dicount_coupon .coupon.bg_red:after {
    content: "";
    position: absolute;
    top: -1px;
    right: -3.5px;
    height: 18px;
    background-image: url("");
    background-size: 15px 18px;
    background-repeat: no-repeat;
    width: 4.5px;
    background-position: -11px 0
}

.mod_discount .content .dicount_coupon .coupon.bg_yellow {
    color: #bc934b;
    border-top: 1px solid #bc934b;
    border-bottom: 1px solid #bc934b
}

.mod_discount .content .dicount_coupon .coupon.bg_yellow:before {
    left: 0;
    width: 7px;
    background-image: url("")
}

.mod_discount .content .dicount_coupon .coupon.bg_yellow:after {
    right: 0;
    width: 4px;
    background-image: url("");
    background-size: 15px 18px;
    background-repeat: no-repeat;
    width: 4.5px;
    background-position: -11px 0
}

.mod_discount .content .detail_prom .de_row.prom_item {
    margin: 18px 0 12px
}

.mod_discount .content .detail_prom .de_row.prom_item:first-child {
    margin-top: 0
}

.mod_discount .content .detail_prom .de_row.prom_item.higher_de_tag {
    padding: 0
}

.mod_discount .content .detail_prom .de_row.prom_item .de_pm_list .info {
    padding-right: 0
}

.mod_discount .content .detail_prom .de_row.prom_item .de_pm_list .info .name {
    display: block
}

.mod_discount .content .detail_prom .de_row.prom_item .de_pm_list .img:nth-child(4) {
    margin-right: 0
}

@media screen and (max-width:374px) {
    .mod_discount .content .detail_prom .de_row.prom_item .de_pm_list .img:nth-child(3) {
        margin-right: 0
    }
    .mod_discount .content .detail_prom .de_row.prom_item .de_pm_list .img:nth-child(4) {
        display: none
    }
    .mod_discount .content .detail_prom .de_row.prom_item .de_pm_list .img:nth-child(5) {
        display: initial
    }
}

.mod_discount_main .body .floor .content.enter::after,
.mod_discount_main .body .floor .icon_point {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 10px;
    height: 10px;
    background: url() no-repeat;
    background-size: 100%;
    margin-top: unset
}

.mod_discount_main {
    position: fixed;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 110;
    background-color: rgba(0, 0, 0, .7)
}

.mod_discount_main:after {
    content: "";
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    height: constant(safe-area-inset-bottom);
    height: env(safe-area-inset-bottom)
}

.mod_discount_main.show:after {
    display: block
}

.mod_discount_main.show {
    top: 0
}

.mod_discount_main.show .main {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mod_discount_main .main {
    position: absolute;
    -webkit-transform: translate3d(0, 495px, 0);
    transform: translate3d(0, 495px, 0);
    -webkit-transition: -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    transition: -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    transition: transform .2s cubic-bezier(0, 0, .25, 1);
    transition: transform .2s cubic-bezier(0, 0, .25, 1), -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    bottom: 0;
    bottom: constant(safe-area-inset-bottom);
    bottom: env(safe-area-inset-bottom);
    width: 100%;
    min-height: 400px;
    max-height: 555px;
    background-color: #fff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    overflow: hidden
}

.mod_discount_main .header {
    position: relative;
    height: 46px;
    line-height: 46px;
    padding-left: 10px;
    font-size: 15px;
    color: #333;
    text-align: center;
    font-weight: 700
}

.mod_discount_main .header .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 44px
}

.mod_discount_main .header .close:after {
    content: "";
    position: absolute;
    top: 15px;
    right: 18px;
    width: 20px;
    height: 20px;
    background-image: url();
    background-size: cover
}

.mod_discount_main .body {
    max-height: 360px;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    padding: 0 18px;
    font-size: 13px;
    color: #333;
    margin-bottom: 50px
}

.mod_discount_main .body .floor {
    position: relative;
    padding-bottom: 9px
}

.mod_discount_main .body .floor .title {
    height: 40px;
    line-height: 40px;
    color: #262626;
    font-weight: 700
}

.mod_discount_main .body .floor .desc {
    color: #999;
    font-size: 12px
}

.mod_discount_main .body .floor .content {
    line-height: 21px
}

.mod_discount_main .body .floor .content.enter {
    position: relative
}

.mod_discount_main .body .floor .icon_point::after {
    display: none
}

.mod_discount_main .body .floor .detail_prom {
    overflow: hidden;
    margin-bottom: -18px
}

.mod_discount_main .body .floor .detail_prom .prom_item {
    position: relative;
    margin-bottom: 18px
}

.mod_discount_main .body .floor .detail_prom .prom_item .de_tag {
    padding-top: 3px;
    margin-top: 1px
}

.mod_discount_main .body .floor .detail_prom .prom_item.higher_de_tag {
    margin-bottom: 0
}

.mod_discount_main .body .floor .detail_prom .prom_item.higher_de_tag .de_tag {
    padding-top: 0
}

.mod_discount_main .body .floor .coupon_voucher3 {
    color: #53c7ca;
    margin-bottom: 18px;
    padding: 12px 10px;
    border-top: 6px solid currentColor;
    box-shadow: 0 0 6px 0 rgba(0, 0, 0, .1);
    border-radius: 6px
}

.mod_discount_main .body .floor .coupon_voucher3 .coupon_voucher3_info_btn,
.mod_discount_main .body .floor .coupon_voucher3 .coupon_voucher3_info_type {
    background-color: #53c7ca;
    color: #fff;
    font-size: 12px
}

.mod_discount_main .body .floor .coupon_voucher3 .coupon_voucher3_info_extro {
    color: #53c7ca;
    border-color: #53c7ca
}

.mod_discount_main .body .floor .coupon_voucher3.type_red {
    color: #f97f80
}

.mod_discount_main .body .floor .coupon_voucher3.type_red .coupon_voucher3_info_btn,
.mod_discount_main .body .floor .coupon_voucher3.type_red .coupon_voucher3_info_type {
    background-color: #f97f80
}

.mod_discount_main .body .floor .coupon_voucher3.type_red .coupon_voucher3_info_extro {
    color: #f97f80;
    border-color: #f97f80
}

.mod_discount_main .body .floor .coupon_voucher3.type_gold {
    color: #c9a86d
}

.mod_discount_main .body .floor .coupon_voucher3.type_gold .coupon_voucher3_info_btn,
.mod_discount_main .body .floor .coupon_voucher3.type_gold .coupon_voucher3_info_type {
    background-color: #c9a86d
}

.mod_discount_main .body .floor .coupon_voucher3.type_gold .coupon_voucher3_info_extro {
    color: #c9a86d;
    border-color: #c9a86d
}

.mod_discount_main .body .floor .coupon_voucher3.type_blue {
    color: #7da7ce
}

.mod_discount_main .body .floor .coupon_voucher3.type_blue .coupon_voucher3_info_btn,
.mod_discount_main .body .floor .coupon_voucher3.type_blue .coupon_voucher3_info_type {
    background-color: #7da7ce
}

.mod_discount_main .body .floor .coupon_voucher3.type_blue .coupon_voucher3_view_price strong {
    font-size: 45px
}

.mod_discount_main .body .floor .coupon_voucher3.type_blue .coupon_voucher3_info_extro {
    color: #7da7ce;
    border-color: #7da7ce
}

.mod_discount_main .body .floor .coupon_voucher3_main {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    min-height: 58px;
    color: currentColor
}

.mod_discount_main .body .floor .coupon_voucher3_view {
    width: 110px;
    margin-right: 10px;
    line-height: 1;
    text-align: center;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    overflow: hidden
}

.mod_discount_main .body .floor .coupon_voucher3_view_price i {
    font-size: 14px;
    display: inline-block;
    vertical-align: bottom;
    margin: 0 4px 3px 0
}

.mod_discount_main .body .floor .coupon_voucher3_view_price strong {
    position: relative;
    top: 1px;
    font-size: 36px;
    letter-spacing: 0
}

.mod_discount_main .body .floor .coupon_voucher3_view_price small {
    font-size: 20px;
    margin-left: 2px
}

.mod_discount_main .body .floor .coupon_voucher3_view_price span {
    font-size: 12px
}

.mod_discount_main .body .floor .coupon_voucher3_view_price span~strong {
    margin-left: 3px;
    font-size: 20px
}

.mod_discount_main .body .floor .coupon_voucher3_view_price span~small {
    font-size: 16px;
    margin-left: 1px
}

.mod_discount_main .body .floor .coupon_voucher3_view_text {
    font-size: 35px;
    font-weight: 700
}

.mod_discount_main .body .floor .coupon_voucher3_view_des {
    font-size: 14px;
    margin-top: 5px
}

.mod_discount_main .body .floor .coupon_voucher3_view_tips {
    font-size: 12px;
    color: #999;
    margin-top: 5px
}

.mod_discount_main .body .floor .coupon_voucher3_info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    position: relative
}

.mod_discount_main .body .floor .coupon_voucher3_info_text {
    height: 36px;
    line-height: 18px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    font-size: 12px;
    color: #666
}

.mod_discount_main .body .floor .coupon_voucher3_info_get::after {
    content: "";
    position: absolute;
    top: -12px;
    right: -10px;
    width: 45px;
    height: 44px;
    background: url(https://img12.360buyimg.com/img/s90x88_jfs/t1/102933/26/16451/1926/5e7b185dE84c17e03/ef0deac635e2afbb.png) no-repeat;
    background-size: 45px 44px;
    z-index: -1
}

.mod_discount_main .body .floor .coupon_voucher3_info_type {
    display: inline-block;
    padding: 0 6px 0 12px;
    height: 14px;
    margin-right: 4px;
    line-height: 14px;
    position: relative;
    border-radius: 0 3px 3px 0
}

.mod_discount_main .body .floor .coupon_voucher3_info_type:before {
    position: absolute;
    z-index: 1;
    content: "";
    width: 0;
    top: 0;
    left: -7px;
    height: 0;
    border-top: 7px solid #fff;
    border-right: 7px solid transparent;
    border-bottom: 7px solid #fff;
    border-left: 7px solid #fff
}

.mod_discount_main .body .floor .coupon_voucher3_info_type:after {
    content: ".";
    position: absolute;
    color: #fff;
    left: 5px;
    top: -6px;
    font-size: 20px
}

+.mod_discount_main .body .floor .coupon_voucher3_info_type_extro {
    border-radius: 0
}

.mod_discount_main .body .floor .coupon_voucher3_info_extro {
    display: inline-block;
    padding: 0 5px;
    height: 12px;
    line-height: 12px;
    margin: 0 4px 0 -5px;
    border-radius: 0 3px 3px 0;
    border: 1px solid;
    border-left: none;
    background: #fff
}

.mod_discount_main .body .floor .coupon_voucher3_info_btn {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 68px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 10px;
    box-sizing: border-box;
    z-index: 2
}

.mod_discount_main .body .floor .coupon_voucher3_info_btn.bottom_6 {
    bottom: 6px
}

.mod_discount_main .body .floor .coupon_voucher3_info_btn.disabled {
    border: 1px solid #53c7ca;
    background-color: #fff !important;
    color: #53c7ca
}

.mod_discount_main .body .floor .coupon_voucher3_info_date {
    position: absolute;
    left: 0;
    bottom: 0;
    box-sizing: border-box;
    width: 100%;
    line-height: 20px;
    font-size: 10px;
    color: #8c8c8c;
    font-family: JDZH-Light
}

@font-face {
    font-family: JDZH-Light;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMlw8aJsAAACsAAAAYGNtYXAWJx3sAAABDAAAAWJnbHlmFEoHEQAAAnAAAARkaGVhZBCR7fwAAAbUAAAANmhoZWEG0wH4AAAHDAAAACRobXR4G+8CaQAABzAAAAA0bG9jYQaeB5wAAAdkAAAAHG1heHAAEQA9AAAHgAAAACBuYW1lCjVKHgAAB6AAAAPScG9zdABIAU0AAAt0AAAAPAAEAiQBLAAFAAgCywKUAAAAUgLLApQAAAGBADIBSgAAAAAIAAAAAAAAAAAAAAEQAAAAAAAAAAAAAABCSkpEAEAALgC0A4b/DgCwBDYA8gAAAAEAAAAAAiYDAgAAACAAAgAAAAMAAAADAAAAHAABAAAAAABcAAMAAQAAABwABABAAAAADAAIAAIABAAuADkApQC0/////wAAAC4AMAClALT//////93/0f9n/1gAAQABAAAAAAAAAAAAAAAAAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAsAAQIDBAUGBwgJCgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAAAAAAAAAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIALP/2AgcDGQARACMAAAQ+ATURNC4BIyIOARURFB4BMxIeARURFA4BIyIuATURND4BMwFbbT8/bkFBbEA/bUEqRykpRyorRygpRyoKQG1AAUlBbEA/bUH+t0FsQALcKUcq/p8qRykqRykBYSpHKQABAFgAAAE8AwIADQAAJREjDgIHFTMyHgEVEQE8NxExOzBkFhIGAAMCKC4WCiUGEhb9xwAAAQAsAAAB/AMYAB8AACUVITUTPgInLgEjIgYHIzQ+ATMyFhcWFRQOAQcOAQcB/P4wzktCHwICSTZCVQFSOGZCVXgPBB8vMyqsCkZGSAECW1dEIC9EVkM/ZTpQShEUJkhCQDfhCwAAAAABACP/9gIRAw4AIAAABD4BNTQuAS8BNzUhFSEHFR4BFRQOASMiLgE1IxYXHgEzAV5xQjJXNSrL/kwBW890fitLLSlLLlYDDyB7SwpCckM5Z0YKCdVTR9ZTAU5gLU0sKEIjHylGUgAAAAEAHwAAAi8DDQAOAAAlNTM1IzUjFSEBIwEVIRUB31BQVf7yAQ5c/vEBawCOR+XlAjj9w0KOAAAAAQBB//YCDwLiACIAAAQ+ATU0JicuASMiBgc3ITUhAzM2MzIWFRQGByImJyMeAjMBa2o6HRwgVC4lRRowAQr+tk5WMU5JUU1GQlILTgU8ZUAKQnBDL1QfJCIVEvRC/no3XUtLYwRMRD5gNQAAAgA3//YCIQMNABcAJgAABD4BNTQmJyYjIgcTDwEOAQcOARUUHgEzEhYVFA4BIyIuATU0PgEzAXdvO0Y/MTswJ7tYMUVOExkVPG9KS1coSTExSigpSS8KQXVNTH8cFxEBJwFObIInMlIsTnVAAbZnTjNVMjNVMjFTMQAAAAEAIQAAAfEDDQAGAAA3ATUhFSEBwgEv/jABgf7IAAKzWkf9OgAAAAADADP/9QIdAxgAGwAqADoAAAQ+ATU0Jic+ATU0LgEjIg4BFRQWFw4BFRQeATMSHgEVFA4BIyIuATU0NjMSHgEVFA4BIyIuATU0PgEzAW1wQDRANSU6ZD0+ZDklNEAzQXFDJz0iIz4lJz4iTTosSywsSywtSyssSywLO2hAQFYvLUU4O2A2N187OUQtMFY/QWc7AtslPyUmPyUmPyU6T/6kKkcrKkcqK0cpKkgqAAAAAAIALAAAAhYDFwAXACYAABIOARUUFhcWMzI3Az8BPgE3PgE1NC4BIwImNTQ+ATMyHgEVFA4BI9ZvO0Y/MTswJ7tYMUVOExkVPG9KS1coSTExSigpSS8DF0F1TUx/HBcR/tkBTmyCJzJSLE51QP5KZ04zVTIzVTIxUzEAAAABAEL/9QC0AGcACwAAFjY1NCYjIgYVFBYzkyEhGBciIhcLIhcYISEYFyIAAAEAPQAAAnwDDQAZAAAlNTM1IzU3MzUjEyMDIwMjEyMVMxcVIxUzFQGHy8sT3La8VbMvs1W8ttoWzMwA7D1nIDwBIf7fASH+3zwfaD3sAAAAAQAAAAEAAA88wItfDzz1AAcETAAAAADW0SO+AAAAANgKhegAH//1AnwDGQAAAAcAAgAAAAAAAAABAAAENv8OAAACvQAfAB8CfAABAAAAAAAAAAAAAAAAAAAADQI8AAACMwAsAcAAWAIzACwCRwAjAk4AHwJAAEECRwA3AiAAIQJRADMCTQAsAPYAQgK9AD0AAAAAADgAUgCGALoA1gEMAUoBXgG2AfQCCgIyAAEAAAANADsAAwAAAAAAAgAAAAAAAAAAAAAAAAAAAAAAAAAaAT4AAQAAAAAAAAAyAAAAAQAAAAAAAQATADIAAQAAAAAAAgAHAEUAAQAAAAAAAwAdAEwAAQAAAAAABAASAGkAAQAAAAAABQANAHsAAQAAAAAABgASAIgAAQAAAAAACAAQAJoAAQAAAAAACQAMAKoAAQAAAAAACwAKALYAAQAAAAAADAAOAMAAAQAAAAAAEAANAM4AAQAAAAAAEQAFANsAAwABBAkAAABkAOAAAwABBAkAAQAgAUQAAwABBAkAAgAOAWQAAwABBAkAAwA6AXIAAwABBAkABAAkAawAAwABBAkABQAaAdAAAwABBAkABgAkAeoAAwABBAkACAAgAg4AAwABBAkACQAYAi4AAwABBAkACwAUAkYAAwABBAkADAAcAloAAwABBAkAEAAUAnYAAwABBAkAEQAKAopDb3B5cmlnaHQoYykgIEJFSUpJTkcgSklOR0RPTkcgVEVDSE5PTE9HWSBDTy4sIExURE7CrE4ca2PCnsORT1MgTGlnaHRSZWd1bGFyMS4wMDA7QkpKRDtKRFpoZW5nSFQtRU4tTGlnaHRKRFpoZW5nSFQtRU4gTGlnaHRWZXJzaW9uIDEuMDAwSkRaaGVuZ0hULUVOLUxpZ2h0SkQgQ2VudGVyIERlc2lnbkxvbmd6aGVuZ2t1bnd3dy5qZC5jb21qZGMuZGVzaWduLmNvbU7CrE4ca2PCnsORT1NMaWdodABDAG8AcAB5AHIAaQBnAGgAdAAoAGMAKQAgACAAQgBFAEkASgBJAE4ARwAgAEoASQBOAEcARABPAE4ARwAgAFQARQBDAEgATgBPAEwATwBHAFkAIABDAE8ALgAsACAATABUAEQATgCsAE4AHABrAGMAngDRAE8AUwAgAEwAaQBnAGgAdABSAGUAZwB1AGwAYQByADEALgAwADAAMAA7AEIASgBKAEQAOwBKAEQAWgBoAGUAbgBnAEgAVAAtAEUATgAtAEwAaQBnAGgAdABKAEQAWgBoAGUAbgBnAEgAVAAtAEUATgAgAEwAaQBnAGgAdABWAGUAcgBzAGkAbwBuACAAMQAuADAAMAAwAEoARABaAGgAZQBuAGcASABUAC0ARQBOAC0ATABpAGcAaAB0AEoARAAgAEMAZQBuAHQAZQByACAARABlAHMAaQBnAG4ATABvAG4AZwB6AGgAZQBuAGcAawB1AG4AdwB3AHcALgBqAGQALgBjAG8AbQBqAGQAYwAuAGQAZQBzAGkAZwBuAC4AYwBvAG0ATgCsAE4AHABrAGMAngDRAE8AUwBMAGkAZwBoAHQAAAACAAAAAAAA/7UAMgAAAAAAAAAAAAAAAAAAAAAAAAANAA0AAAATABQAFQAWABcAGAAZABoAGwAcABEAlg==) format("truetype");
    font-style: normal;
    font-weight: 400
}

.mod_discount_main .body .floor .coupon_voucher3_info_date.bottom_6 {
    bottom: 6px
}

.mod_discount_main .body .floor .coupon_voucher3_info .coupon_voucher3_info_btn~.coupon_voucher3_info_date {
    padding-right: 68px
}

.mod_discount_main .body .floor .coupon_voucher3 .coupon_voucher3_info_btn.type_inline {
    background: none;
    width: auto;
    color: #bc934b;
    font-size: 12px;
    position: absolute;
    right: 10px;
    padding: 0 10px;
    height: 20px;
    line-height: 20px
}

.mod_discount_main .body .floor .coupon_voucher3 .coupon_voucher3_info_btn.type_inline::before {
    content: "\20";
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #bc934b;
    border-left: 2px solid #bc934b;
    background: none;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    right: 1px
}

.mod_discount_main .body .floor .coupon_voucher3 .coupon_voucher3_info_btn.type_inline::after {
    opacity: 0
}

.mod_discount_main .body .floor .coupon_voucher3.coupon_voucher3_spec_tag {
    position: relative
}

.mod_discount_main .body .floor .coupon_voucher3.coupon_voucher3_spec_tag .coupon_voucher3_view {
    margin-top: 12.5px
}

.mod_discount_main .body .floor .coupon_voucher3.coupon_voucher3_spec_tag .coupon_voucher3_tag {
    z-index: 1;
    position: absolute;
    left: 0;
    top: 4px;
    background-color: #ff9574;
    height: 14px;
    line-height: 14px;
    font-size: 10px;
    color: #fff;
    padding: 0 5px;
    text-align: center;
    border-radius: 0 10px 10px 0;
    background-image: -webkit-gradient(linear, left top, right top, from(#ff4142), to(#ff4b2b));
    background-image: -webkit-linear-gradient(left, #ff4142, #ff4b2b);
    background-image: linear-gradient(90deg, #ff4142, #ff4b2b);
    box-shadow: 0 2px 4px 0 rgba(233, 59, 61, .2)
}

.mod_discount_main .body .floor .coupon_voucher3.coupon_voucher3_spec_tag .coupon_voucher3_tag.type_orange {
    background-image: -webkit-gradient(linear, right top, left top, color-stop(9%, #e8ac3b), color-stop(99%, #ffd377));
    background-image: -webkit-linear-gradient(right, #e8ac3b 9%, #ffd377 99%);
    background-image: linear-gradient(-90deg, #e8ac3b 9%, #ffd377 99%);
    box-shadow: 0 4px 8px 0 rgba(255, 163, 78, .26)
}

.mod_discount_main .body .floor .coupon_voucher3.coupon_voucher3_spec_tag .coupon_voucher3_tag.type_touhanjt {
    padding: 0;
    width: 62px;
    height: 14px;
    background: url(https://img12.360buyimg.com/img/s124x28_jfs/t1/91943/31/13418/1323/5e58adf2E8f6f413b/710545ede6dbc820.png) no-repeat;
    background-size: 62px 14px;
    box-shadow: 0 4px 8px 0 rgba(255, 163, 78, .26)
}

.mod_discount_main .body .floor .extra-cash-return {
    font-size: 0
}

.mod_discount_main .body .floor .extra-cash-return__title {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.mod_discount_main .body .floor .extra-cash-return__tag {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    background: url(https://img11.360buyimg.com/jdphoto/s30x30_jfs/t1/87264/13/450/742/5dae719fE2cefcf94/661155a3671ee1ef.png) no-repeat 0 0;
    background-size: 100% auto
}

.mod_discount_main .body .floor .extra-cash-return__tips {
    display: inline-block;
    position: relative;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #f2270c;
    padding: 0 5px;
    margin: 1px 5px 1px 0;
    overflow-x: visible;
    background-image: -webkit-gradient(linear, left bottom, left top, from(#fca108), to(#ffe36f));
    background-image: -webkit-linear-gradient(bottom, #fca108, #ffe36f);
    background-image: linear-gradient(0deg, #fca108, #ffe36f);
    border-radius: 2px
}

.mod_discount_main .body .floor .extra-cash-return__tips::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    margin-top: 1px
}

.mod_discount_main .body .floor .extra-cash-return__desc {
    margin: 6px 10px 0 0;
    color: #999;
    font-size: 12px;
    line-height: 18px
}

.mod_discount_main .body .floor .coupon_voucher3_foot {
    margin-top: 14.5px;
    margin-bottom: 4px;
    padding-top: 11.5px;
    border-top: 1px dashed #e5e5e5;
    position: relative
}

.mod_discount_main .body .floor .coupon_voucher3_foot:after,
.mod_discount_main .body .floor .coupon_voucher3_foot:before {
    content: "";
    width: 7px;
    height: 7px;
    background-color: #fff;
    position: absolute;
    border: 1px solid rgba(232, 232, 237, .7);
    border-top-color: transparent;
    border-right-color: transparent;
    border-radius: 50%;
    top: -4px
}

.mod_discount_main .body .floor .coupon_voucher3_foot:before {
    left: -15px;
    -webkit-transform: rotate(-135deg);
    transform: rotate(-135deg)
}

.mod_discount_main .body .floor .coupon_voucher3_foot:after {
    right: -15px;
    -webkit-transform: rotate(35deg);
    transform: rotate(35deg)
}

.mod_discount_main .body .floor .coupon_voucher3_foot .coupon_voucher3_des {
    font-size: 12px;
    color: #666;
    line-height: 14px
}

.mod_discount_main .mod_btns {
    z-index: 100;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 15px 10px
}

.mod_discount_main .mod_btns .mod_btn {
    height: 40px;
    line-height: 40px;
    border-radius: 20px
}

.mod_discount_main .mod_btns .bg_red {
    color: #fff;
    font-size: 16px;
    background-image: -webkit-gradient(linear, right top, left top, from(#ff4142), to(#ff4b2b));
    background-image: -webkit-linear-gradient(right, #ff4142, #ff4b2b);
    background-image: linear-gradient(270deg, #ff4142, #ff4b2b)
}

.mod_activity_floor:before {
    content: "";
    height: 0;
    display: block;
    border-top: 1px solid #ddd;
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .mod_activity_floor:before {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 0
    }
}

.mod_activity_floor .activity_list .activity_item::after {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: url() no-repeat;
    background-size: cover
}

.mod_activity_floor:before {
    border-color: #f2f2f2
}

.mod_activity_floor {
    position: relative;
    padding: 0 0 0 38px;
    font-size: 13px
}

.mod_activity_floor:before {
    left: 10px
}

.mod_activity_floor .title {
    position: absolute;
    left: 0;
    top: 12px;
    color: #262626;
    font-weight: 700
}

.mod_activity_floor .activity_list .activity_item {
    position: relative;
    padding: 12px 0;
    line-height: 18px;
    color: #262626
}

.mod_activity_floor .activity_list .activity_item .activity_name {
    color: #333
}

.mod_activity_floor .activity_list .activity_item .activity_name i {
    display: inline-block;
    width: 15px;
    height: 15px;
    margin-right: 5px;
    vertical-align: text-bottom;
    background-size: contain;
    background-repeat: no-repeat
}

.mod_activity_floor .activity_list .activity_item .activity_name i.activity_redpack {
    background-image: url()
}

.mod_activity_floor .activity_list .activity_item .activity_name i.activity_coupon {
    background-image: url()
}

.mod_activity_floor .activity_list .activity_item .activity_des {
    color: #8c8c8c;
    font-size: 12px;
    margin-top: 6px
}

.mod_activity_floor .activity_list .activity_item .activity_btn {
    position: absolute;
    right: 18px;
    top: 12px;
    font-size: 12px
}

.mod_activity_floor .activity_list .activity_item::after {
    display: block;
    content: "";
    top: 20px;
    right: 0
}

.sku.sku_gift_choose:after {
    content: "";
    height: 0;
    display: block;
    border-top: 1px solid #ddd;
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.detail_sku_v1_main .detail_carsku .detail_carsku_item.cur:after,
.detail_sku_v1_main .detail_carsku .detail_carsku_item:after,
.detail_sku_v1_main .service_choose .service .item .type .discount:after,
.detail_sku_v1_main .size_recommend:before {
    content: "";
    display: block;
    border: 1px solid #ddd;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .sku.sku_gift_choose:after {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 0
    }
    .detail_sku_v1_main .detail_carsku .detail_carsku_item.cur:after,
    .detail_sku_v1_main .detail_carsku .detail_carsku_item:after,
    .detail_sku_v1_main .service_choose .service .item .type .discount:after,
    .detail_sku_v1_main .size_recommend:before {
        -webkit-transform: scale(.5);
        -webkit-transform-origin: 0 0;
        bottom: -100%;
        right: -100%
    }
}

.de_oline,
.detail_sku_v1_main .detail_carsku .detail_carsku_item_kind,
.detail_sku_v1_main .detail_carsku .detail_carsku_item_name,
.sku_window .sku_choose_info {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.detail_sku_v1_main .header .prop {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.de_btn_row,
.de_row,
.detail_sku_v1_main .btns,
.detail_sku_v1_main .btns.show,
.detail_sku_v1_main .num_wrap_v2,
.mod_tab {
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex
}

.de_btn_row .de_btn,
.de_row .de_span,
.detail_sku_v1_main .btn,
.detail_sku_v1_main .num_wrap_v2 .text_wrap,
.detail_sku_v1_main .num_wrap_v2 span,
.mod_tab .item,
.mod_tab span {
    box-flex: 1
}

.de_btn_row .de_btn,
.de_row .de_span,
.detail_sku_v1_main .btn,
.detail_sku_v1_main .num_wrap_v2 .text_wrap,
.detail_sku_v1_main .num_wrap_v2 span,
.mod_tab .item,
.mod_tab span {
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.detail_sku_v1_main .service_choose .service .title .guide::after,
.detail_sku_v1_main .size_recommend:after,
.detail_sku_v1_main .sku_kind .guide::after,
.sku.sku_gift_choose .gifts .switch:after {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: url() no-repeat;
    background-size: cover
}

.sku_window:after {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url();
    background-repeat: no-repeat;
    background-size: 20px
}

.sku_window {
    background: #fff;
    padding: 18px 0;
    position: relative;
    font-size: 13px;
    color: #8c8c8c
}

.sku_window:after {
    content: "";
    top: 12px;
    right: 0
}

.sku_window .sku_choose_info {
    position: relative;
    padding: 0 40px 0 38px
}

.sku_window .sku_choose_info h3 {
    position: absolute;
    top: 50%;
    left: 0;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 35px;
    color: #262626;
    font-weight: 700
}

.sku_window .sku_choose_info span {
    font-size: 13px;
    color: #333;
    line-height: 22px
}

.sku_window .sku_service {
    padding: 0 20px 0 38px;
    font-size: 12px
}

.sku_window>i {
    margin-top: -9px
}

.detail_sku_v1_main {
    position: fixed;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 110;
    background-color: white;
}

.detail_sku_v1_main:after {
    content: "";
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    height: constant(safe-area-inset-bottom);
    height: env(safe-area-inset-bottom)
}

.show.detail_sku_v1_main:after {
    display: block
}

.show.detail_sku_v1_main {
    top: 0
}

.show.detail_sku_v1_main .main {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.detail_sku_v1_main .main {
    position: absolute;
    -webkit-transform: translate3d(0, 495px, 0);
    transform: translate3d(0, 495px, 0);
    -webkit-transition: -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    transition: -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    transition: transform .2s cubic-bezier(0, 0, .25, 1);
    transition: transform .2s cubic-bezier(0, 0, .25, 1), -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    bottom: 0;
    bottom: constant(safe-area-inset-bottom);
    bottom: env(safe-area-inset-bottom);
    width: 100%;
    min-height: 450px;
    max-height: 450px;
    background-color: #fff;
    border-top-left-radius: 12px;
    border-top-right-radius: 12px;
    overflow: hidden
}

.detail_sku_v1_main .header {
    position: relative;
    height: 46px;
    line-height: 46px;
    padding-left: 10px;
    font-size: 16px;
    color: #333;
    text-align: center
}

.detail_sku_v1_main .header .old_price {
    font-family: JDZH-Regular;
    text-decoration: line-through;
    color: #8c8c8c;
    font-size: 12px
}

.detail_sku_v1_main .header .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 44px
}

.detail_sku_v1_main .header .close:after {
    content: "";
    position: absolute;
    top: 18px;
    right: 18px;
    width: 20px;
    height: 20px;
    background-image: url();
    background-size: cover
}

.detail_sku_v1_main .body {
    max-height: 429px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.detail_sku_v1_main .header .price.color_sams {
    font-size: 12px !important;
    font-weight: 400;
    margin-left: 2px;
    color: #1a68bc !important
}

.detail_sku_v1_main .header .price.color_sams em {
    font-weight: 400;
    font-size: 12px !important
}

.detail_sku_v1_main .header .price.color_plus,
.detail_sku_v1_main .header .price.color_shop_merber {
    font-size: 12px !important;
    font-weight: 400;
    margin-left: 2px;
    color: #333 !important
}

.detail_sku_v1_main .header .price.color_plus em,
.detail_sku_v1_main .header .price.color_shop_merber em {
    font-weight: 400;
    font-size: 12px !important
}

.detail_sku_v1_main .header .price.color_fresh {
    font-size: 12px !important;
    font-weight: 400;
    margin-left: 2px;
    color: #ff7800 !important
}

.detail_sku_v1_main .header .price.color_fresh em {
    font-weight: 400;
    font-size: 12px !important
}

.detail_sku_v1_main .header .price.color_newer {
    font-size: 12px !important;
    font-weight: 400;
    margin-left: 2px;
    color: #fc9131 !important
}

.detail_sku_v1_main .header .price.color_newer em {
    font-weight: 400;
    font-size: 12px !important
}

.detail_sku_v1_main .header .price.color_fans {
    font-size: 12px !important;
    font-weight: 400;
    margin-left: 2px;
    color: #714aff !important
}

.detail_sku_v1_main .header .price.color_fans em {
    font-weight: 400;
    font-size: 12px !important
}

.detail_sku_v1_main .header .price.color_student {
    font-weight: 400;
    margin-left: 2px;
    color: #0c8
}

.detail_sku_v1_main .header .mod_plus_price {
    padding: 0 2px 0 23px;
    width: auto;
    line-height: 12px;
    font-size: 8px;
    color: #fff38d;
    background-position: 2px
}

.detail_sku_v1_main .header .mod_student_price {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 1px;
    height: 12px;
    background-color: #0c8;
    background-size: 20px;
    padding: 0 2px;
    line-height: 12px;
    font-size: 8px;
    color: #fff
}

.detail_sku_v1_main .header .mod_student_price:before {
    position: absolute;
    content: "";
    top: 0;
    left: -2px;
    width: 0;
    height: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #0c8 #0c8 transparent transparent
}

.detail_sku_v1_main .header .mod_newer_price {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 1px;
    height: 12px;
    background-color: #fc9131;
    background-size: 20px;
    padding: 0 2px;
    line-height: 12px;
    font-size: 8px;
    color: #fff
}

.detail_sku_v1_main .header .mod_newer_price:before {
    position: absolute;
    content: "";
    top: 0;
    left: -2px;
    width: 0;
    height: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #fc9131 #fc9131 transparent transparent
}

.detail_sku_v1_main .header .mod_fans_price {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: -1px 0 0 1px;
    width: 30px;
    height: 13px;
    background: url() 50% no-repeat;
    background-size: 30px
}

.detail_sku_v1_main .header .mod_shop_merber_price {
    display: inline-block;
    width: 42px;
    height: 12px;
    background-image: url(http://m.360buyimg.com/cc/jfs/t1/95198/24/10865/3751/5e252210Ebdd44a44/522da3df0c7928da.png);
    background-size: cover
}

.detail_sku_v1_main .header {
    height: 118px;
    padding: 0 0 0 130px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: end;
    -webkit-align-items: flex-end;
    align-items: flex-end;
    text-align: left;
    margin-bottom: 18px
}

.detail_sku_v1_main .header .avt {
    position: absolute;
    left: 18px;
    top: 18px;
    border-radius: 6px;
    width: 100px;
    height: 100px
}

.detail_sku_v1_main .header .double_price {
    font-family: JDZH-Regular;
    margin: 5px 0 2px;
    font-size: 12px
}

.detail_sku_v1_main .header .double_price .price_main {
    line-height: 28px;
    color: #f2270c
}

.detail_sku_v1_main .header .double_price .price_main em {
    font-size: 18px
}

.detail_sku_v1_main .header .double_price .price_sub {
    line-height: 18px
}

.detail_sku_v1_main .header .double_price .price_sub .txt {
    color: #8c8c8c
}

.detail_sku_v1_main .header .price {
    font-family: JDZH-Regular;
    display: inline-block;
    height: 40px;
    line-height: 40px;
    color: #f2270c;
    font-size: 12px
}

.detail_sku_v1_main .header .price em {
    font-size: 24px
}

.detail_sku_v1_main .header .cash_return {
    font-size: 0;
    height: 13px;
    line-height: 13px
}

.detail_sku_v1_main .header .cash_return_price {
    font-family: JDZH-Regular;
    padding: 0 2px;
    font-size: 10px
}

.detail_sku_v1_main .header .cash_return_icon {
    padding: 0 2px;
    font-size: 10px
}

.detail_sku_v1_main .header .prop {
    word-break: break-all;
    font-size: 12px;
    color: #333;
    line-height: 1;
    padding-right: 10px
}

.detail_sku_v1_main .header .prop span {
    color: #8c8c8c
}

.detail_sku_v1_main .body {
    max-height: 369px;
    padding-bottom: 50px
}

.detail_sku_v1_main .size_recommend {
    display: block;
    position: relative;
    margin: 5px 10px;
    padding: 0 27px 0 10px;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #8c8c8c
}

.detail_sku_v1_main .size_recommend em {
    color: #333
}

.detail_sku_v1_main .size_recommend span {
    float: right;
    height: 30px
}

.detail_sku_v1_main .size_recommend:after {
    content: ""
}

.detail_sku_v1_main .detail_carsku {
    position: relative;
    padding: 15px 0
}

.detail_sku_v1_main .detail_carsku .detail_carsku_title {
    padding-left: 10px;
    margin-bottom: 10px;
    line-height: 1;
    font-size: 13px;
    font-weight: 400;
    color: #333
}

.detail_sku_v1_main .detail_carsku .detail_carsku_wrap {
    font-size: 0;
    font-family: Helvetica;
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    white-space: nowrap
}

.detail_sku_v1_main .detail_carsku .detail_carsku_wrap::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

.detail_sku_v1_main .detail_carsku .detail_carsku_item {
    position: relative;
    display: inline-block;
    margin-left: 10px;
    padding: 3px 10px 2px;
    width: 105px;
    text-align: center;
    vertical-align: top;
    border-radius: 2px;
    font-size: 13px;
    font-family: -apple-system, Helvetica, sans-serif;
    color: #333
}

.detail_sku_v1_main .detail_carsku .detail_carsku_item:after {
    border-color: #ccc
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .detail_sku_v1_main .detail_carsku .detail_carsku_item:after {
        border-radius: 4px
    }
}

.detail_sku_v1_main .detail_carsku .detail_carsku_item:last-child {
    margin-right: 10px
}

.detail_sku_v1_main .detail_carsku .detail_carsku_item.cur {
    color: #f2270c
}

.detail_sku_v1_main .detail_carsku .detail_carsku_item.cur:after {
    border-color: #f2270c
}

.detail_sku_v1_main .detail_carsku .detail_carsku_edit {
    display: block;
    text-align: left;
    background: url() no-repeat 100%;
    background-size: 15px
}

.detail_sku_v1_main .sku_activity_rule {
    margin: 0 10px;
    background: #fff0f0;
    border-radius: 6px;
    padding: 10px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #333
}

.detail_sku_v1_main .sku_activity_rule img {
    width: 36px;
    height: 36px;
    margin-right: 10px
}

.detail_sku_v1_main .sku_kind {
    font-size: 13px;
    color: #262626;
    margin: 0 18px;
    font-weight: 700;
    height: 40px;
    line-height: 40px
}

.detail_sku_v1_main .sku_kind .guide {
    position: relative;
    float: right;
    padding-right: 15px;
    color: #8c8c8c;
    font-weight: 400;
    font-size: 12px
}

.detail_sku_v1_main .sku_kind .guide::after {
    content: "";
    right: 0
}

.detail_sku_v1_main .sku_choose {
    padding: 0 6px;
    overflow: hidden
}

.detail_sku_v1_main .sku_choose .item {
    padding: 0 18px;
    min-width: 20px;
    max-width: 270px;
    overflow: hidden;
    height: 30px;
    line-height: 30px;
    float: left;
    text-align: center;
    margin-left: 12px;
    margin-bottom: 10px;
    font-size: 11px;
    color: #262626;
    background: #f2f2f2;
    border-radius: 15px
}

.detail_sku_v1_main .sku_choose .item.active {
    background: #fcedeb;
    border: 1px solid #f2270c;
    font-size: 11px;
    color: #f2270c;
    font-weight: 700;
    height: 28px
}

.detail_sku_v1_main .sku_choose .item.over {
    color: #bfbfbf;
    text-decoration: line-through
}

.detail_sku_v1_main .sku.sku_gift_choose {
    padding: 10px 10px 0 18px
}

.detail_sku_v1_main .sku.sku_gift_choose:after {
    display: none
}

.detail_sku_v1_main .count_choose {
    padding: 16px 18px;
    font-size: 13px
}

.detail_sku_v1_main .count_choose .count {
    color: #262626;
    height: 31px;
    line-height: 31px;
    font-weight: 700
}

.detail_sku_v1_main .count_choose .count em {
    margin-left: 4px;
    font-weight: 400;
    color: #f2270c
}

.detail_sku_v1_main .service_choose {
    position: relative;
    padding: 0 18px;
    color: #8c8c8c;
    font-size: 13px
}

.detail_sku_v1_main .service_choose .title {
    color: #333;
    font-weight: 700;
    height: 40px;
    line-height: 40px
}

.detail_sku_v1_main .service_choose .service {
    overflow: hidden
}

.detail_sku_v1_main .service_choose .service .title .name {
    position: relative;
    padding-left: 25px;
    font-size: 13px;
    color: #333;
    font-weight: 400
}

.detail_sku_v1_main .service_choose .service .title .name:after {
    content: "";
    position: absolute;
    left: 0;
    top: -2px;
    display: block;
    width: 20px;
    height: 20px;
    border-radius: 2px;
    background: url() no-repeat;
    background-size: 100%
}

.detail_sku_v1_main .service_choose .service .title .name.gift:after {
    background: url() no-repeat;
    background-size: 100%
}

.detail_sku_v1_main .service_choose .service .title .guide {
    position: relative;
    float: right;
    padding-right: 17px;
    font-size: 12px;
    color: #8c8c8c;
    font-weight: 400
}

.detail_sku_v1_main .service_choose .service .title .guide::after {
    content: "";
    right: 0
}

.detail_sku_v1_main .service_choose .service .items {
    position: relative;
    padding-top: 9px;
    margin-bottom: 15px;
    background: #f2f2f2;
    border-radius: 6px
}

.detail_sku_v1_main .service_choose .service .item {
    position: relative;
    list-style-type: none;
    padding: 12px 18px 12px 52px
}

.detail_sku_v1_main .service_choose .service .item .type {
    font-size: 13px;
    color: #333;
    line-height: 1em;
    padding-bottom: 3px;
    padding-top: 3px
}

.detail_sku_v1_main .service_choose .service .item .type .discount {
    position: relative;
    display: inline-block;
    vertical-align: text-bottom;
    color: #f2270c;
    font-size: 10px;
    text-align: center;
    height: 16px;
    line-height: 16px;
    margin-left: 5px;
    padding: 0 2px
}

.detail_sku_v1_main .service_choose .service .item .type .discount:after {
    border-color: #f2270c;
    border-radius: 4px;
    top: -1px
}

.detail_sku_v1_main .service_choose .service .item .type .price {
    font-family: JDZH-Regular;
    color: #f2270c;
    float: right;
    font-size: 12px
}

.detail_sku_v1_main .service_choose .service .item .content {
    color: #8c8c8c;
    font-size: 11px
}

.detail_sku_v1_main .service_choose .service .item .image {
    margin-top: 10px;
    height: 50px;
    line-height: 50px
}

.detail_sku_v1_main .service_choose .service .item .image img {
    height: 100%;
    width: auto;
    border-radius: 6px
}

.detail_sku_v1_main .service_choose .service .item:before {
    content: "";
    position: absolute;
    top: 12px;
    left: 18px;
    width: 19px;
    height: 19px;
    border-radius: 50%;
    border: 1px solid #8c8c8c
}

.detail_sku_v1_main .service_choose .service .item.checked:before {
    background-image: url();
    background-repeat: no-repeat;
    background-size: 19px 19px;
    width: 19px;
    height: 19px;
    border: unset
}

.detail_sku_v1_main .detail_car_install_pop {
    margin: 0 10px 15px;
    font-size: 12px;
    color: #8c8c8c
}

.detail_sku_v1_main .detail_car_install_pop .car_service_choose .tit {
    height: 33px;
    line-height: 33px;
    font-size: 13px;
    color: #333
}

.detail_sku_v1_main .detail_car_install_pop .car_service_choose .btn_warp {
    font-size: 13px;
    color: #333
}

.detail_sku_v1_main .detail_car_install_pop .car_service_choose .btn_warp .btn_choose {
    display: inline-block;
    height: 30px;
    line-height: 30px;
    padding: 0 10px;
    background: #f7f7f7;
    border-radius: 3px;
    margin-right: 10px
}

.detail_sku_v1_main .detail_car_install_pop .car_service_choose .btn_warp .btn_choose.cur {
    background: #f2270c;
    color: #fff
}

.detail_sku_v1_main .detail_car_install_pop .car_service_tip {
    margin-top: 7px
}

.detail_sku_v1_main .num_wrap_v2 {
    position: relative;
    z-index: 0;
    width: 66px;
    float: right;
    vertical-align: middle
}

.detail_sku_v1_main .num_wrap_v2 span {
    position: relative;
    max-width: 15px;
    min-width: 15px;
    height: 18px;
    line-height: 18px;
    background: #fff;
    text-align: center
}

.detail_sku_v1_main .num_wrap_v2 span .row {
    border-radius: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 8px;
    height: 2px;
    background-color: #262626
}

.detail_sku_v1_main .num_wrap_v2 span .col {
    border-radius: 20px;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 2px;
    height: 8px;
    background-color: #262626
}

.detail_sku_v1_main .num_wrap_v2 span.disable .col,
.detail_sku_v1_main .num_wrap_v2 span.disable .row {
    background-color: #f2f2f2
}

.detail_sku_v1_main .num_wrap_v2 .text_wrap {
    position: relative;
    width: 45px;
    z-index: 0;
    margin: 0 1px;
    border-radius: 2px
}

.detail_sku_v1_main .num_wrap_v2 .text_wrap input {
    font-size: 11px;
    background: #f2f2f2
}

.detail_sku_v1_main .num_wrap_v2 .text {
    font-family: JDZH-Regular;
    height: 18px;
    width: 100%;
    color: #333;
    background: #fff;
    font-size: 13px;
    text-align: center;
    border: none
}

.detail_sku_v1_main .num_wrap_v2 .minus {
    border-radius: 2px
}

.detail_sku_v1_main .num_wrap_v2 .plus {
    border-radius: 2px
}

.detail_sku_v1_main .time_left_tips {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 50px;
    font-size: 12px;
    background: #fbf9da;
    color: #de6a1c;
    text-align: center;
    padding: 10px 0;
    line-height: 16px
}

.detail_sku_v1_main .btns {
    background-color: #fff;
    width: 100%;
    display: none;
    padding: 6px 18px;
    padding-right: 0;
    box-sizing: border-box
}

.detail_sku_v1_main .btns .btn.btn_plus {
    background: #172047;
    color: #ffe678
}

.detail_sku_v1_main .btn {
    height: 38px;
    line-height: 38px;
    border-radius: 21px;
    box-shadow: 0 3px 6px 0 rgba(255, 65, 66, .2);
    color: #fff;
    font-size: 13px;
    font-weight: 700;
    text-align: center;
    margin-right: 12px
}

.detail_sku_v1_main .btn:last-child {
    margin-right: 18px
}

.detail_sku_v1_main .btn.yellow {
    background-image: -webkit-linear-gradient(315deg, #ffba0d, #ffc30d 69%, #ffcf0d);
    background-image: linear-gradient(135deg, #ffba0d, #ffc30d 69%, #ffcf0d)
}

.detail_sku_v1_main .btn.red {
    background-image: -webkit-linear-gradient(315deg, #f2140c, #f2270c 70%, #f24d0c);
    background-image: linear-gradient(135deg, #f2140c, #f2270c 70%, #f24d0c)
}

.detail_sku_v1_main .btn.blue {
    background-color: #3985ff
}

.detail_sku_v1_main .btn.btn_share_orange {
    background-color: #ff8c42
}

.detail_sku_v1_main .btn.btn_art {
    background: -webkit-linear-gradient(312deg, #ffa600, #ffb000 77%, #ffbc00);
    background: linear-gradient(138deg, #ffa600, #ffb000 77%, #ffbc00)
}

.detail_sku_v1_main .btn.golden {
    background: #efc531;
    color: #333
}

.detail_sku_v1_main .btn.black {
    background: #333;
    color: #fff
}

.detail_sku_v1_main .btn.btn_disable,
.detail_sku_v1_main .btn.disabled_1,
.detail_sku_v1_main .btn.disabled_2 {
    opacity: .3
}

.detail_sku_v1_main .btn .price {
    font-family: JDZH-Regular;
    display: block;
    font-size: 10px;
    line-height: 1;
    color: #fff;
    margin: 5.5px 0 -10px
}

.detail_sku_v1_main .btn .price strong {
    font-size: 13px
}

.detail_sku_v1_main .btn .cashback_tip {
    display: none
}

.detail_sku_v1_main .btn.show_cashback {
    line-height: 35px
}

.detail_sku_v1_main .btn.show_cashback .cashback_tip {
    display: block;
    font-size: 12px;
    line-height: 12px;
    color: #fff;
    margin-top: -10px
}

.detail_sku_v1_main .btns.show {
    position: absolute;
    bottom: 0;
    z-index: 1
}

.sku.sku_gift_choose {
    display: block;
    position: relative;
    padding: 12px 10px 0 18px
}

.sku.sku_gift_choose:after {
    left: 10px
}

.sku.sku_gift_choose h5 {
    line-height: 1em;
    font-weight: 400;
    font-size: 13px;
    color: #333;
    margin-bottom: 10px
}

.sku.sku_gift_choose h5 span {
    display: inline-block;
    width: 33px;
    color: #262626;
    font-weight: 700
}

.sku.sku_gift_choose h5.test_title {
    color: #666
}

.sku.sku_gift_choose .gifts {
    position: relative;
    padding: 0 35px 15px 33px
}

.sku.sku_gift_choose .gifts ul {
    font-size: 0
}

.sku.sku_gift_choose .gifts .item {
    position: relative;
    display: inline-block;
    margin-right: 10px
}

.sku.sku_gift_choose .gifts .item img {
    width: 50px;
    height: 50px;
    border-radius: 6px
}

.sku.sku_gift_choose .gifts .item .gift_num {
    position: absolute;
    border-bottom-right-radius: 2px;
    bottom: 0;
    right: 0;
    padding: 0 6px;
    height: 20px;
    max-width: 40px;
    word-break: break-all;
    overflow: hidden;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    background-color: rgba(0, 0, 0, .5)
}

.sku.sku_gift_choose .gifts .more {
    position: relative;
    display: inline-block
}

.sku.sku_gift_choose .gifts .more:after {
    content: "";
    position: absolute;
    top: 23.5px;
    width: 15px;
    height: 3px;
    background-image: url();
    background-repeat: no-repeat;
    background-size: 15px
}

.sku.sku_gift_choose .gifts .switch {
    position: absolute;
    top: 19px;
    right: 25px;
    font-size: 12px;
    color: #8c8c8c
}

.sku.sku_gift_choose .gifts .switch:after {
    content: "";
    right: -13px
}

.detail_specBusiness .specBusiness_list.arrow_right .specBusiness:not(:first-child)::after,
.detail_specBusiness .specBusiness_list.slideMore:after {
    content: "";
    height: 0;
    display: block;
    border-top: 1px solid #ddd;
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.detail_specBusiness .specBusiness_list.normal .specBusiness:not(:last-child):after,
.detail_specBusiness .specBusiness_list.slideMore .specBusiness:not(:last-child):after {
    content: "";
    width: 0;
    display: block;
    border-right: 1px solid #ddd;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .detail_specBusiness .specBusiness_list.arrow_right .specBusiness:not(:first-child)::after,
    .detail_specBusiness .specBusiness_list.slideMore:after {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 0
    }
    .detail_specBusiness .specBusiness_list.normal .specBusiness:not(:last-child):after,
    .detail_specBusiness .specBusiness_list.slideMore .specBusiness:not(:last-child):after {
        -webkit-transform: scaleX(.5);
        -webkit-transform-origin: 0 0
    }
}

.de_oline {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.de_btn_row,
.de_row,
.detail_specBusiness .specBusiness_list,
.mod_tab {
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex
}

.de_btn_row .de_btn,
.de_row .de_span,
.detail_specBusiness .specBusiness_list .specBusiness,
.mod_tab .item,
.mod_tab span {
    box-flex: 1
}

.de_btn_row .de_btn,
.de_row .de_span,
.detail_specBusiness .specBusiness_list .specBusiness,
.mod_tab .item,
.mod_tab span {
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.detail_specBusiness .specBusiness_list.arrow_right .specBusiness::before {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: url() no-repeat;
    background-size: cover
}

.detail_specBusiness .specBusiness_list.arrow_right .specBusiness:not(:first-child)::after,
.detail_specBusiness .specBusiness_list.slideMore:after {
    border-color: #f2f2f2
}

.detail_specBusiness {
    position: relative
}

.detail_specBusiness .specBusiness_list .specBusiness {
    width: 0;
    position: relative;
    padding: 12px 0;
    white-space: normal;
    vertical-align: top
}

.detail_specBusiness .specBusiness_list .specBusiness.public .business_icon {
    position: absolute;
    top: 15px;
    left: 11px;
    width: 15px;
    height: 15px
}

.detail_specBusiness .specBusiness_list .specBusiness .detail_new_mod_service {
    margin-right: 3px
}

.detail_specBusiness .specBusiness_list .specBusiness .title {
    position: relative;
    padding: 0 0 3px 35px;
    font-weight: 400;
    font-size: 14px;
    color: #333;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.detail_specBusiness .specBusiness_list .specBusiness .business_detail {
    padding-left: 35px;
    font-size: 12px
}

.detail_specBusiness .specBusiness_list .specBusiness .text {
    display: block;
    position: relative;
    color: #999;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.detail_specBusiness .specBusiness_list .specBusiness .logo {
    display: none;
    position: absolute;
    right: 35px;
    top: 50%;
    margin-top: -9px;
    width: 40px;
    height: 18px;
    background: no-repeat;
    background-size: 100%
}

.detail_specBusiness .specBusiness_list .specBusiness .icon {
    position: absolute;
    left: 10px;
    top: 50%;
    margin-top: -20px;
    width: 40px;
    height: 40px;
    border-radius: 6px;
    overflow: hidden
}

.detail_specBusiness .specBusiness_list .specBusiness .icon img {
    display: block;
    width: 100%
}

.detail_specBusiness .specBusiness_list .specBusiness .tag {
    display: inline-block;
    margin: -2px 0 0 5px;
    padding: 0 4px;
    height: 10px;
    vertical-align: middle;
    line-height: 10px;
    border-radius: 10px;
    font-style: italic;
    font-weight: 700;
    font-size: 7px;
    color: #fff;
    background-color: #ff4142
}

.detail_specBusiness .specBusiness_list .specBusiness.spec .title {
    padding-left: 60px
}

.detail_specBusiness .specBusiness_list .specBusiness.spec .business_detail {
    padding-left: 60px;
    padding-right: 20px
}

.detail_specBusiness .specBusiness_list .specBusiness.jingda .title::before,
.detail_specBusiness .specBusiness_list .specBusiness.mycar .title::before,
.detail_specBusiness .specBusiness_list .specBusiness.old2new .title::before,
.detail_specBusiness .specBusiness_list .specBusiness.peiban .title::before,
.detail_specBusiness .specBusiness_list .specBusiness.services .title::before {
    content: "";
    position: absolute;
    top: 3px;
    left: 11px;
    width: 15px;
    height: 15px;
    background: no-repeat;
    background-size: 15px
}

.detail_specBusiness .specBusiness_list .specBusiness.services .title::before {
    background-image: url()
}

.detail_specBusiness .specBusiness_list .specBusiness.old2new .title::before {
    background-image: url()
}

.detail_specBusiness .specBusiness_list .specBusiness.peiban .title::before {
    background-image: url()
}

.detail_specBusiness .specBusiness_list .specBusiness.mycar .title::before {
    background-image: url()
}

.detail_specBusiness .specBusiness_list .specBusiness.jingda .title::before {
    background-image: url()
}

.detail_specBusiness .specBusiness_list.single .specBusiness .business_icon {
    top: 14px
}

.detail_specBusiness .specBusiness_list.single .specBusiness .title {
    padding-bottom: 0
}

.detail_specBusiness .specBusiness_list.arrow_right {
    display: block
}

.detail_specBusiness .specBusiness_list.arrow_right .specBusiness {
    width: 100%;
    text-transform-margin-right: 50px;
    text-transform-white-space: normal;
    text-transform-text-overflow: unset
}

.detail_specBusiness .specBusiness_list.arrow_right .specBusiness:not(:first-child)::after {
    left: 10px
}

.detail_specBusiness .specBusiness_list.arrow_right .specBusiness::before {
    content: "";
    right: 0
}

.detail_specBusiness .specBusiness_list.arrow_right .specBusiness .business_detail {
    padding-right: 25px
}

.detail_specBusiness .specBusiness_list.arrow_right .specBusiness .business_detail .text {
    white-space: normal
}

.detail_specBusiness .specBusiness_list.arrow_right .specBusiness.spec .text {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.detail_specBusiness .specBusiness_list.slideMore {
    display: block;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-x: auto;
    margin: 0
}

.detail_specBusiness .specBusiness_list.slideMore:after {
    left: 10px
}

.detail_specBusiness .specBusiness_list.slideMore::-webkit-scrollbar {
    display: none
}

.detail_specBusiness .specBusiness_list.slideMore .specBusiness {
    display: inline-block;
    width: 30%
}

@media screen and (max-width:359px) {
    .detail_specBusiness .specBusiness_list.slideMore .specBusiness {
        width: 40%
    }
}

.detail_accessory_list_item {
    font-family: -apple-system, Helvetica, sans-serif
}

.detail_accessory_list::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

.detail_accessory_more::after {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: url() no-repeat;
    background-size: cover
}

.detail_accessory {
    background-color: #fff
}

.detail_accessory_head {
    position: relative;
    padding: 13px 18px 11px
}

.detail_accessory_title {
    font-size: 14px;
    color: #333;
    font-weight: 400
}

.detail_accessory_more {
    position: absolute;
    top: 0;
    right: 15px;
    font-size: 12px;
    color: #999;
    height: 45px;
    line-height: 45px;
    padding-right: 12px
}

.detail_accessory_more:visited {
    color: #999
}

.detail_accessory_more::after {
    content: "";
    right: 0
}

.detail_accessory_list {
    font-size: 0;
    font-family: none;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-x: auto;
    margin: 0 0 10px 10px
}

.detail_accessory_list_item {
    display: inline-block;
    vertical-align: top
}

.detail_accessory_list_item {
    position: relative;
    margin-right: 10px
}

.detail_accessory_list_item_cover {
    position: relative;
    width: 100px;
    height: 60px
}

.detail_accessory_list_item_cover img {
    display: block;
    width: 100%
}

.detail_accessory_list_item_cover::after {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #e5e5e5;
    border: 1px solid #ddd;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: none;
    border-color: #e5e5e5
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .detail_accessory_list_item_cover::after {
        right: -100%;
        bottom: -100%;
        -webkit-transform: scale(.5);
        -webkit-transform-origin: 0 0
    }
}

.detail_accessory_list_item_name {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #f2f2f7;
    text-align: center;
    background-color: rgba(0, 0, 0, .5)
}

.detail_daojia .header::after {
    content: "";
    height: 0;
    display: block;
    border-bottom: 1px solid #ddd;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .detail_daojia .header::after {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 100%
    }
}

.detail_daojia .content .good_info .info_title .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.detail_daojia {
    background-color: #fff
}

.detail_daojia .header {
    position: relative;
    padding-left: 10px;
    height: 44px;
    line-height: 44px
}

.detail_daojia .header .title {
    font-size: 14px;
    color: #333
}

.detail_daojia .header .des {
    margin-left: 10px;
    font-size: 12px;
    color: #999
}

.detail_daojia .header::after {
    border-color: #e5e5e5;
    left: 10px
}

.detail_daojia .content {
    position: relative;
    padding: 15px 0 15px 10px
}

.detail_daojia .content .good_pic {
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 60px;
    height: 60px;
    border-radius: 6px;
    overflow: hidden
}

.detail_daojia .content .good_pic img {
    width: 100%;
    height: 100%
}

.detail_daojia .content .good_pic .price {
    position: absolute;
    bottom: 0;
    left: 0;
    opacity: .5;
    background: #000;
    width: 60px;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center
}

.detail_daojia .content .good_info {
    margin-left: 70px
}

.detail_daojia .content .good_info .info_title {
    font-size: 12px;
    line-height: 16px
}

.detail_daojia .content .good_info .info_title .icon_daojia {
    height: 14px;
    padding: 0 2px;
    background: #47b34f;
    border-radius: 2px;
    font-size: 10px;
    color: #fff
}

.detail_daojia .content .good_info .info_title .name {
    vertical-align: middle;
    margin-left: 7px;
    color: #333;
    display: inline-block;
    max-width: 55%
}

.detail_daojia .content .good_info .info_title .dis {
    position: relative;
    margin-left: 10px;
    color: #999;
    vertical-align: middle
}

.detail_daojia .content .good_info .info_title .dis::before {
    display: block;
    content: "";
    position: absolute;
    left: -5px;
    top: 2px;
    width: 1px;
    height: 10px;
    background-color: #e5e5e5
}

.detail_daojia .content .good_info .info-delivery {
    margin: 7px 60px 0 0;
    font-size: 12px;
    font-weight: 700;
    color: #333;
    line-height: 20px
}

.detail_daojia .content .good_info .info-delivery .icon_info {
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-left: 5px;
    background: url() no-repeat;
    background-size: 15px
}

.detail_daojia .content .good_info .coupon_list {
    margin-top: 7px
}

.detail_daojia .content .good_info .coupon_list .coupon {
    position: relative;
    display: inline-block;
    padding: 0 2px;
    height: 14px;
    line-height: 14px;
    font-size: 10px;
    color: #e93b3d;
    border: 1px solid #e93b3d;
    border-radius: 2px
}

.detail_daojia .content .good_info .coupon_list .coupon:not(:last-child) {
    margin-right: 8px
}

.detail_daojia .content .entry_btn {
    position: absolute;
    padding: 0 10px;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 10px
}

.detail_shop_box_v3 .info_tab .tab_item:first-child:after {
    content: "";
    width: 0;
    display: block;
    border-right: 1px solid #ddd;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .detail_shop_box_v3 .info_tab .tab_item:first-child:after {
        -webkit-transform: scaleX(.5);
        -webkit-transform-origin: 0 0
    }
}

.de_oline,
.detail_shop_box_v3 .shop_info .desc,
.detail_shop_box_v3 .shop_info .name ._n,
.detail_shop_box_v3 .shop_leading .shop_leading_cat .leading_cat_li {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.de_btn_row,
.de_row,
.detail_shop_box_v3 .info_tab,
.mod_tab {
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex
}

.de_btn_row .de_btn,
.de_row .de_span,
.detail_shop_box_v3 .info_tab .tab_item,
.mod_tab .item,
.mod_tab span {
    box-flex: 1
}

.de_btn_row .de_btn,
.de_row .de_span,
.detail_shop_box_v3 .info_tab .tab_item,
.mod_tab .item,
.mod_tab span {
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.mod_tab .item,
.mod_tab span {
    box-sizing: border-box
}

.detail_shop_box_v3 .shop_info .icon_promote {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: url() no-repeat;
    background-size: cover
}

.arr_r_s,
.icon_bao,
.icon_clock,
.icon_edit,
.icon_group,
.icon_group_one,
.icon_point,
.icon_promote,
.icon_warn {
    background-image: url(//wq.360buyimg.com/fd/base/img/detail/old/detail_v1_3.png?t=20141125);
    background-repeat: no-repeat;
    background-size: 100px auto
}

.detail_shop_box_v3 .shop_btns .mod_btn i.icon_favor,
.detail_shop_box_v3 .shop_btns .mod_btn i.icon_shop,
.detail_shop_box_v3 .shop_btns .mod_btn i.icon_unfavor {
    width: 14px;
    height: 14px;
    background: no-repeat 50%;
    background-size: 100%;
    position: relative;
    top: -2px;
    margin-right: 5px;
    vertical-align: middle;
    display: inline-block
}

.detail_shop_box_v3 {
    padding: 18px !important;
    font-size: 14px;
    color: #333
}

.detail_shop_box_v3 .shop_info {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    margin-bottom: 10px
}

.detail_shop_box_v3 .shop_info .logo_wrap {
    position: relative;
    width: 90px;
    height: 30px;
    box-sizing: border-box;
    margin-right: 12px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.detail_shop_box_v3 .shop_info .logo_wrap.square {
    width: 40px;
    height: 40px
}

.detail_shop_box_v3 .shop_info .logo_wrap.square img {
    border-radius: 6px
}

.detail_shop_box_v3 .shop_info .logo_wrap .shopLogo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.detail_shop_box_v3 .shop_info .shop_info_name {
    -webkit-flex-shrink: 1;
    flex-shrink: 1;
    overflow: hidden;
    font-size: 0;
    line-height: 1
}

.detail_shop_box_v3 .shop_info .name {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    font-size: 13px;
    height: 13px;
    line-height: 13px;
    overflow: hidden;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap
}

.detail_shop_box_v3 .shop_info .name .star {
    background: none;
    margin: 0
}

.detail_shop_box_v3 .shop_info .name .jd {
    display: inline-block;
    width: 49px;
    height: 13px;
    line-height: 13px;
    text-align: center;
    border-radius: 1px;
    margin-left: 6px;
    font-size: 10px;
    color: #fff;
    background-image: -webkit-linear-gradient(136deg, #f24d0c, #f2270c 27%, #f2140c);
    background-image: linear-gradient(-46deg, #f24d0c, #f2270c 27%, #f2140c);
    border-radius: 2px
}

.detail_shop_box_v3 .shop_info .name .qa {
    display: inline-block;
    width: 49px;
    height: 13px;
    line-height: 13px;
    text-align: center;
    border-radius: 1px;
    margin-left: 6px;
    font-size: 10px;
    color: #fff;
    background-color: #6400c5
}

.detail_shop_box_v3 .shop_info .name .crown {
    display: inline-block;
    width: 49px;
    height: 13px;
    line-height: 13px;
    text-align: center;
    vertical-align: middle;
    border-radius: 2px;
    margin: -1px 0 0 6px;
    font-size: 10px;
    color: #fff;
    background-color: #b173f3
}

.detail_shop_box_v3 .shop_info .name .crown:before {
    content: "钻石服务"
}

.detail_shop_box_v3 .shop_info .name .shop_icon {
    display: inline-block;
    vertical-align: middle;
    width: auto;
    height: 13px;
    line-height: 13px;
    margin-left: 6px
}

.detail_shop_box_v3 .shop_info .desc {
    display: -webkit-inline-box;
    display: -webkit-inline-flex;
    display: inline-flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    height: 14px;
    line-height: 14px;
    background: #f7f7f7;
    padding: 0;
    border-radius: 2px;
    color: #999;
    font-size: 10px
}

.detail_shop_box_v3 .shop_info .desc.nobg {
    background: none;
    margin-top: 5px;
    padding: 0
}

.detail_shop_box_v3 .shop_info .star {
    margin-top: 5px;
    padding: 0;
    background: #f7f7f7;
    height: 14px;
    line-height: 14px;
    font-size: 10px;
    color: #666
}

.detail_shop_box_v3 .shop_info .star .star_icon {
    margin-left: 2px;
    display: inline-block;
    width: 10px;
    height: 10px;
    background-image: url();
    background-repeat: no-repeat;
    background-size: cover
}

.detail_shop_box_v3 .shop_info .star .star_icon.half {
    background-image: url()
}

.detail_shop_box_v3 .shop_info .star .star_icon.ninety {
    background-image: url()
}

.detail_shop_box_v3 .shop_info .star .star_icon.empty {
    background-image: url()
}

.detail_shop_box_v3 .shop_info .icon_promote {
    top: 24px
}

.detail_shop_box_v3 .info_tab {
    margin: 18px 0
}

.detail_shop_box_v3 .info_tab .tab_item {
    position: relative;
    padding: 2px 0;
    text-align: center
}

.detail_shop_box_v3 .info_tab .tab_item .num {
    margin-bottom: 3px;
    font-size: 14px
}

.detail_shop_box_v3 .info_tab .tab_item .num span {
    position: relative
}

.detail_shop_box_v3 .info_tab .tab_item .num span:after {
    position: absolute;
    top: 2px;
    right: -18px;
    display: inline-block;
    width: 12px;
    height: 12px;
    line-height: 12px;
    text-align: center;
    font-size: 10px;
    color: #fff;
    border-radius: 1px
}

.detail_shop_box_v3 .info_tab .tab_item .num span.pt_high:after {
    content: "高";
    background-color: #fd9600
}

.detail_shop_box_v3 .info_tab .tab_item .num span.pt_low:after {
    content: "低";
    background-color: #999
}

.detail_shop_box_v3 .info_tab .tab_item .desc {
    margin-top: 3px;
    font-size: 10px;
    color: #999
}

.detail_shop_box_v3 .info_tab .tab_item:first-child:after {
    border-color: #ddd
}

.detail_shop_box_v3 .info_tab .tab_item .tab_item_wrap {
    position: relative;
    width: -webkit-fit-content;
    width: fit-content;
    margin: 0 auto
}

.detail_shop_box_v3 .info_tab .evaluation .evaluation_wrap {
    text-align: left;
    font-size: 10px
}

.detail_shop_box_v3 .info_tab .evaluation .evaluation_wrap .evaluation_list {
    color: #e4393c
}

.detail_shop_box_v3 .info_tab .evaluation .evaluation_wrap .evaluation_list.low {
    color: #18c461
}

.detail_shop_box_v3 .info_tab .evaluation .evaluation_wrap .evaluation_list_head {
    margin-right: 5px;
    color: #999
}

.detail_shop_box_v3 .shop_leading {
    position: relative;
    height: 92px;
    margin: 8px 0 15px
}

.detail_shop_box_v3 .shop_leading .shop_leading_ad {
    float: left;
    margin-right: 5px;
    width: auto;
    height: 92px;
    max-width: 80%;
    border-radius: 6px
}

.detail_shop_box_v3 .shop_leading .shop_leading_cat .leading_cat_li {
    background: #f7f7f7;
    border-radius: 4px;
    padding: 0 2px;
    height: 28px;
    line-height: 28px;
    font-size: 12px;
    color: #666;
    text-align: center
}

.detail_shop_box_v3 .shop_leading .shop_leading_cat .leading_cat_li:not(:last-child) {
    margin-bottom: 4px
}

.detail_shop_box_v3 .shop_btns {
    margin: 0;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.detail_shop_box_v3 .shop_btns .mod_btn {
    position: relative;
    margin: 0 13px 0 0;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    background-color: #fff;
    border: none;
    border-radius: 15px;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 104px;
    flex: 0 1 104px
}

.detail_shop_box_v3 .shop_btns .mod_btn::before {
    content: "";
    position: absolute;
    z-index: 1;
    pointer-events: none;
    background-color: #8c8c8c;
    border: 1px solid #ddd;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    background: none;
    border-color: #8c8c8c;
    border-radius: 15px
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .detail_shop_box_v3 .shop_btns .mod_btn::before {
        right: -100%;
        bottom: -100%;
        -webkit-transform: scale(.5);
        -webkit-transform-origin: 0 0;
        border-radius: 30px
    }
}

.detail_shop_box_v3 .shop_btns .mod_btn i.icon_unfavor {
    background-image: url()
}

.detail_shop_box_v3 .shop_btns .mod_btn i.icon_favor {
    background-image: url()
}

.detail_shop_box_v3 .shop_btns .mod_btn i.icon_shop {
    background-image: url()
}

.detail_shop_box_v3 .shop_btns .mod_btn i.icon_gift,
.detail_shop_box_v3 .shop_btns .mod_btn i.icon_shop_calendar,
.detail_shop_box_v3 .shop_btns .mod_btn i.icon_shop_gift {
    position: relative;
    display: inline-block;
    top: -2px;
    width: 15px;
    height: 15px;
    margin-right: 4px;
    background: url() no-repeat;
    background-size: 15px 15px;
    vertical-align: middle;
    -webkit-animation: Shake 1s infinite;
    animation: Shake 1s infinite
}

.detail_shop_box_v3 .shop_btns .mod_btn i.icon_shop_gift {
    background: url() no-repeat;
    background-size: 15px 15px
}

.detail_shop_box_v3 .shop_btns .mod_btn i.icon_shop_calendar {
    background: url() no-repeat;
    background-size: 15px 15px
}

.detail_shop_box_v3 .shop_btns .mod_btn i.icon_qualify {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: -2px 4px 0 0;
    vertical-align: middle;
    background: url();
    background-size: 12px
}

.detail_shop_box_v3 .shop_btns .mod_btn:last-child {
    margin-right: 0
}

.detail_shop_box_v3 .shop_btns .mod_btn.favor {
    color: #f2270c
}

.detail_shop_box_v3 .shop_btns .mod_btn.favor::before {
    border-color: #f2270c
}

@-webkit-keyframes Shake {
    20% {
        -webkit-transform: rotate(15deg) scale(1.1);
        transform: rotate(15deg) scale(1.1)
    }
    40% {
        -webkit-transform: rotate(-15deg) scale(1.1);
        transform: rotate(-15deg) scale(1.1)
    }
    60% {
        -webkit-transform: rotate(15deg) scale(1.1);
        transform: rotate(15deg) scale(1.1)
    }
    80% {
        -webkit-transform: rotate(-15deg) scale(1.1);
        transform: rotate(-15deg) scale(1.1)
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }
}

@keyframes Shake {
    20% {
        -webkit-transform: rotate(15deg) scale(1.1);
        transform: rotate(15deg) scale(1.1)
    }
    40% {
        -webkit-transform: rotate(-15deg) scale(1.1);
        transform: rotate(-15deg) scale(1.1)
    }
    60% {
        -webkit-transform: rotate(15deg) scale(1.1);
        transform: rotate(15deg) scale(1.1)
    }
    80% {
        -webkit-transform: rotate(-15deg) scale(1.1);
        transform: rotate(-15deg) scale(1.1)
    }
    100% {
        -webkit-transform: rotate(0) scale(1);
        transform: rotate(0) scale(1)
    }
}

.cmt_header .cmt_cur:after,
.detail_cmt .cmt_fold_btn::after,
.detail_cmt .cmt_list li:after,
.detail_comment .detail_comment_item::after,
.detail_extra .detail_row:after {
    content: "";
    height: 0;
    display: block;
    border-bottom: 1px solid #ddd;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.cmt_more .cmt_more_lnk:before {
    content: "";
    display: block;
    border: 1px solid #ddd;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .cmt_header .cmt_cur:after,
    .detail_cmt .cmt_fold_btn::after,
    .detail_cmt .cmt_list li:after,
    .detail_comment .detail_comment_item::after,
    .detail_extra .detail_row:after {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 100%
    }
    .cmt_more .cmt_more_lnk:before {
        -webkit-transform: scale(.5);
        -webkit-transform-origin: 0 0;
        bottom: -100%;
        right: -100%
    }
}

.de_oline,
.detail_cmt .cmt_user .user {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.de_btn_row,
.de_row,
.mod_tab {
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex
}

.de_btn_row .de_btn,
.de_row .de_span,
.mod_tab .item,
.mod_tab span {
    box-flex: 1
}

.detail_comment .detail_comment_num:after {
    content: "\20";
    display: block
}

.detail_comment .detail_comment_num:after {
    position: absolute;
    top: 50%;
    width: 12px;
    height: 12px;
    border-top: 1px solid #7d7d7d;
    border-left: 1px solid #7d7d7d;
    background: none
}

.detail_comment .detail_comment_num:after {
    margin-top: -6px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.de_btn_row .de_btn,
.de_row .de_span,
.mod_tab .item,
.mod_tab span {
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.cmt_more .cmt_more_lnk .icon_arrow,
.mod_tab .item,
.mod_tab span {
    box-sizing: border-box
}

.detail_cmt .cmt_att::after,
.detail_cmt .cmt_sku::after {
    content: "";
    display: block;
    clear: both
}

.detail_row.detail_row_cmt .icon_promote {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: url() no-repeat;
    background-size: cover
}

.arr_r_s,
.cmt_more .cmt_more_lnk .icon_arrow,
.icon_bao,
.icon_clock,
.icon_edit,
.icon_group,
.icon_group_one,
.icon_point,
.icon_promote,
.icon_warn {
    background-image: url(//wq.360buyimg.com/fd/base/img/detail/old/detail_v1_3.png?t=20141125);
    background-repeat: no-repeat;
    background-size: 100px auto
}

.layer_show {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d
}

.detail_cmt .cmt_att:after,
.detail_cmt .cmt_sku:after {
    clear: both;
    content: "\20";
    display: block
}

.detail_row.detail_row_cmt::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3px;
    height: 15px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5503a), to(#fad1cb));
    background-image: -webkit-linear-gradient(top, #f5503a, #fad1cb);
    background-image: linear-gradient(180deg, #f5503a, #fad1cb)
}

.detail_comment_floor {
    position: relative
}

.detail_comment_floor.item_floor {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0
}

.detail_comment_floor .app_launch_mask {
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 1
}

.cmt_tag {
    overflow: hidden;
    margin: 15px 0 2px;
    max-height: 55px;
    font-size: 0;
    font-family: Helvetica
}

.cmt_tag.cmt_tag_new {
    position: relative;
    padding: 3px 3px 0 0;
    max-height: 80px;
    margin: 0
}

.cmt_tag.cmt_tag_new.threeLine {
    max-height: 120px
}

.cmt_tag.cmt_tag_new.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    padding-left: 10px;
    z-index: 200;
    background: #fff
}

.cmt_tag.cmt_tag_new span {
    margin: 0 12px 12px 0;
    background: #fcedeb;
    border-radius: 15px
}

.cmt_tag.cmt_tag_new span.selected {
    position: relative;
    padding-left: 20px;
    color: #f2270c;
    border: 1px solid #f2270c
}

.cmt_tag.cmt_tag_new span.selected::before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 5px;
    width: 12px;
    height: 12px;
    background: url() no-repeat;
    background-size: 100%
}

.cmt_tag.cmt_tag_new span.disabled {
    color: #666;
    background: #f7f7f7
}

.cmt_tag span {
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 0 10px;
    height: 30px;
    border-radius: 15px;
    line-height: 30px;
    font-size: 11px;
    color: #262626;
    background: #fcedeb
}

.cmt_header {
    background: #fff;
    padding: 0 10px
}

.cmt_header.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100
}

.cmt_header .cmt_cur {
    position: relative;
    margin: 0 -10px;
    padding: 0 10px;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    color: #262626
}

.cmt_header .cmt_cur .checkbox {
    position: absolute;
    left: 20px;
    top: 12px
}

.cmt_header .cmt_cur .checkbox input {
    visibility: hidden
}

.cmt_header .cmt_cur .checkbox input:checked+label {
    background: #e93b3d;
    border-color: #e93b3d
}

.cmt_header .cmt_cur .checkbox input:checked+label:after {
    opacity: 1
}

.cmt_header .cmt_cur .checkbox .info_label {
    position: absolute;
    top: 0;
    right: 0;
    width: 18px;
    height: 18px;
    border: 1px solid #ccc;
    border-radius: 50%;
    cursor: pointer
}

.cmt_header .cmt_cur .checkbox .info_label:after {
    content: "";
    width: 9px;
    height: 5px;
    position: absolute;
    top: 4px;
    left: 4px;
    border: 2px solid #fcfff4;
    border-top: none;
    border-right: none;
    background: transparent;
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg);
    opacity: 0
}

.cmt_header .cmt_cur .cmt_cur_label {
    display: block;
    padding-left: 30px
}

.cmt_header .cmt_cur .cmt_cur_label span {
    float: right;
    font-size: 12px;
    color: #999
}

.detail_extra .detail_comment_floor .detail_row {
    border-bottom: 0
}

.detail_extra .detail_comment_floor .detail_row::after {
    display: none
}

.detail_row.detail_row_cmt {
    position: relative;
    height: 45px;
    line-height: 45px;
    color: #262626;
    padding-left: 8px;
    margin-top: 3px
}

.detail_row.detail_row_cmt .icon_promote {
    margin-top: -1px;
    right: 0
}

.detail_row.detail_row_cmt h3.tit {
    font-size: 15px;
    padding: 0
}

.detail_row.detail_row_cmt .cmt_none_tips {
    position: absolute;
    top: 0;
    right: 10px;
    font-size: 12px;
    color: #8c8c8c
}

.detail_row.detail_row_cmt p.count,
.detail_row.detail_row_cmt p.good {
    font-size: 12px;
    position: absolute;
    height: 45px;
    line-height: 45px
}

.detail_row.detail_row_cmt p.good {
    top: 0;
    color: #8c8c8c;
    right: 15px;
    font-family: JDZhengHT-EN-Regular
}

.detail_row.detail_row_cmt p.count {
    top: 3px;
    left: 45px;
    font-family: JDZhengHei-01-Bold
}

.detail_row.detail_row_cmt .num {
    margin: 0 4px
}

.detail_row.detail_row_cmt .de_row {
    line-height: 25px
}

.detail_row.detail_row_cmt .de_row:before {
    content: none
}

.detail_row.detail_cmt {
    padding: 0
}

.comment_page .detail_cmt {
    padding: 0 18px
}

.comment_page .detail_cmt .cmt_list .cmt_att .img {
    margin-bottom: 6px
}

.detail_cmt {
    background-color: #fff
}

.detail_cmt .cmt_tag_container {
    position: relative
}

.detail_cmt .cmt_tag_container::after {
    display: block;
    content: "";
    height: 15px;
    background: #f7f7f7;
    margin: 0 -10px
}

.detail_cmt .cmt_tag_container .expand_area {
    position: relative;
    padding: 12px 0;
    height: 12px;
    text-align: center
}

.detail_cmt .cmt_tag_container .expand_area i {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-image: url();
    background-repeat: no-repeat;
    background-size: 12px;
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg)
}

.detail_cmt .cmt_tag_container .expand_area.expand {
    padding-top: 3px
}

.detail_cmt .cmt_tag_container .expand_area.expand i {
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg)
}

.detail_cmt .cmt_list {
    font-size: 12px;
    color: #262626;
    margin-bottom: -1px
}

.detail_cmt .cmt_list li {
    position: relative;
    padding: 18px 0
}

.detail_cmt .cmt_list li:after {
    right: -10px;
    border-bottom-color: #f2f2f2
}

.detail_cmt .cmt_list li:first-child {
    padding-top: 6px
}

.detail_cmt .cmt_list li:last-child::after {
    content: unset
}

.detail_cmt .cmt_list .null {
    border-bottom: 0 none;
    text-align: center
}

.detail_cmt .cmt_list .null.jx_scene {
    background-image: url(//img12.360buyimg.com/img/s220x220_jfs/t1/107914/25/4548/33395/5e1f195aE94df2cbf/27cecc9a35bed1e3.png);
    background-repeat: no-repeat;
    background-position: center 96px;
    background-size: 110px 110px;
    background-color: #f7f7f7;
    padding: 220px 0 500px;
    margin: 0 -10px;
    font-size: 16px;
    color: #262626;
    line-height: 1
}

.detail_cmt .cmt_list .null.jx_scene .tip {
    margin-top: 7px;
    font-size: 12px;
    color: #999
}

.detail_cmt .cmt_list_loading {
    padding: 10px 0 100px;
    text-align: center;
    line-height: 44px;
    display: block
}

.detail_cmt .shopping_zone .cmt_user .tag {
    display: inline-block;
    width: 30px;
    height: 14px;
    background-size: 30px 14px;
    vertical-align: text-bottom
}

.detail_cmt .shopping_zone .cmt_user .tag.tag_daren {
    background-image: url(//wq.360buyimg.com/fd/h5/wxsq_dev/detail/images/sprite_status_icons@2x_fa10e478.png);
    background-position: 0 0;
    background-size: 62px 30px;
    background-repeat: no-repeat;
    width: 30px;
    height: 14px
}

.detail_cmt .shopping_zone .cmt_user .tag.tag_star {
    background-image: url(//wq.360buyimg.com/fd/h5/wxsq_dev/detail/images/sprite_status_icons@2x_fa10e478.png);
    background-position: 0 -16px;
    background-size: 62px 30px;
    background-repeat: no-repeat;
    width: 30px;
    height: 14px
}

.detail_cmt .shopping_zone .cmt_user .tag.tag_authentication {
    background-image: url(//wq.360buyimg.com/fd/h5/wxsq_dev/detail/images/sprite_status_icons@2x_fa10e478.png);
    background-position: -32px 0;
    background-size: 62px 30px;
    background-repeat: no-repeat;
    width: 30px;
    height: 14px
}

.detail_cmt .shopping_zone .cmt_user .tag.tag_brand {
    background-image: url(//wq.360buyimg.com/fd/h5/wxsq_dev/detail/images/sprite_status_icons@2x_fa10e478.png);
    background-position: -32px -16px;
    background-size: 62px 30px;
    background-repeat: no-repeat;
    width: 30px;
    height: 14px
}

.detail_cmt .shopping_zone .cmt_user .source {
    float: right;
    color: #999
}

.detail_cmt .shopping_zone .cmt_user .source strong {
    font-weight: 400
}

.detail_cmt .shopping_zone .cmt_user .source.has_link strong {
    color: #e93b3d
}

.detail_cmt .cmt_user {
    line-height: 20px
}

.detail_cmt .cmt_user img {
    width: 20px;
    height: 20px;
    border-radius: 50%;
    vertical-align: middle
}

.detail_cmt .cmt_user .user {
    margin-left: 12px;
    display: inline-block;
    color: #262626;
    max-width: 8.2em;
    vertical-align: middle
}

.detail_cmt .cmt_user .plus {
    display: inline-block;
    width: 28px;
    height: 10px;
    vertical-align: middle;
    background-image: url();
    background-size: cover;
    background-repeat: no-repeat
}

.detail_cmt .cmt_user .credit {
    position: relative;
    display: inline-block;
    width: 56px;
    height: 10px;
    margin: -2px 0 -2px 6px;
    vertical-align: middle
}

.detail_cmt .cmt_user .credit span {
    width: 10px;
    height: 10px;
    margin-right: 2px;
    position: absolute;
    top: 0;
    left: 22px;
    background-size: cover;
    background-image: url()
}

.detail_cmt .cmt_user .credit::after,
.detail_cmt .cmt_user .credit::before,
.detail_cmt .cmt_user .credit span::after,
.detail_cmt .cmt_user .credit span::before {
    display: inline-block;
    content: "";
    position: absolute;
    top: 0;
    width: 10px;
    height: 10px;
    margin-right: 2px;
    background-size: cover;
    background-image: url()
}

.detail_cmt .cmt_user .credit::before {
    left: 0
}

.detail_cmt .cmt_user .credit::after {
    right: 0
}

.detail_cmt .cmt_user .credit span::before {
    left: -11px
}

.detail_cmt .cmt_user .credit span::after {
    right: -13px
}

.detail_cmt .cmt_user .credit.star-five::after,
.detail_cmt .cmt_user .credit.star-five::before,
.detail_cmt .cmt_user .credit.star-five span,
.detail_cmt .cmt_user .credit.star-five span::after,
.detail_cmt .cmt_user .credit.star-five span::before {
    background-image: url()
}

.detail_cmt .cmt_user .credit.star-four::before,
.detail_cmt .cmt_user .credit.star-four span,
.detail_cmt .cmt_user .credit.star-four span::after,
.detail_cmt .cmt_user .credit.star-four span::before {
    background-image: url()
}

.detail_cmt .cmt_user .credit.star-three::before,
.detail_cmt .cmt_user .credit.star-three span,
.detail_cmt .cmt_user .credit.star-three span::before {
    background-image: url()
}

.detail_cmt .cmt_user .credit.star-two::before,
.detail_cmt .cmt_user .credit.star-two span::before {
    background-image: url()
}

.detail_cmt .cmt_user .credit.star-one::before {
    background-image: url()
}

.detail_cmt .cmt_user .date {
    float: right;
    color: #999;
    margin-left: -60px
}

.detail_cmt .cmt_sku {
    color: #999
}

.detail_cmt .cmt_sku .reply {
    float: right;
    color: #3985ff;
    padding-left: 17px;
    background: url() no-repeat left 3px;
    background-size: 12px
}

.detail_cmt .cmt_sku .reply a {
    display: inline-block;
    color: #3985ff
}

.detail_cmt .cmt_sku .reply a:active {
    background: rgba(0, 0, 0, .05);
    color: #016ac2
}

.detail_cmt .cmt_sku .reply .num {
    margin-right: 4px
}

.detail_cmt .cmt_sku .reply:active {
    color: #016ac2
}

.detail_cmt .cmt_cnt {
    position: relative;
    line-height: 1.5;
    font-size: 13px;
    margin: 18px 0;
    word-break: break-all;
    overflow: hidden;
    white-space: normal;
}

.detail_cmt .cmt_cnt.expand {
    max-height: 1000px
}

.detail_cmt .cmt_cnt .expand_icon {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 50px;
    height: 21px;
    background-image: -webkit-linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 60%);
    background-image: -webkit-gradient(linear, left top, right top, from(hsla(0, 0%, 100%, 0)), color-stop(60%, #fff));
    background-image: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0), #fff 60%);
    background-image: -webkit-linear-gradient(left, hsla(0, 0%, 100%, 0) 0, #fff 60%);
    background-image: linear-gradient(90deg, hsla(0, 0%, 100%, 0) 0, #fff 60%)
}

.detail_cmt .cmt_cnt .expand_icon:after {
    display: block;
    content: "";
    position: absolute;
    right: 5px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #ccc;
    border-left: 2px solid #ccc;
    -webkit-transform: translate(0, -7px) rotate(-135deg);
    transform: translate(0, -7px) rotate(-135deg)
}

.detail_cmt .cmt_cnt .fold_icon {
    display: inline-block;
    width: 21px;
    height: 21px;
    vertical-align: middle
}

.detail_cmt .cmt_cnt .fold_icon:after {
    display: block;
    content: "";
    width: 6px;
    height: 6px;
    border-top: 2px solid #ccc;
    border-left: 2px solid #ccc;
    -webkit-transform: translate(4px, 8px) rotate(45deg);
    transform: translate(4px, 8px) rotate(45deg)
}

.detail_cmt .cmt_att {
    margin-right: -10px
}

.detail_cmt .cmt_att .img,
.detail_cmt .cmt_att .video {
    display: inline-block;
    width: 80px;
    height: 80px;
    margin-right: 6px;
    border-radius: 6px;
    overflow: hidden;
    text-align: center;
    vertical-align: middle;
    background-color: #f3f3f3;
    background-image: url(https://img12.360buyimg.com/img/s160x160_jfs/t1/119296/3/6260/4464/5eb8c91fE6864b0ea/99437d3b11d7ab01.png);
    background-size: cover
}

.detail_cmt .cmt_att .video {
    position: relative
}

.detail_cmt .cmt_att .video .button {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, .5);
    border-radius: 50%
}

.detail_cmt .cmt_att .video .button::before {
    display: block;
    content: "";
    position: absolute;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 15px solid #fff;
    left: 14px;
    top: 10px
}

.detail_cmt .cmt_att .video.big_size {
    width: 165px;
    height: 165px
}

.detail_cmt .cmt_att .video video {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.detail_cmt .cmt_att .img img {
    width: auto;
    display: inline-block;
    height: auto;
    min-width: 80px;
    max-height: 80px
}

.detail_cmt .cmt_att .img:nth-child(4) {
    position: relative
}

.detail_cmt .cmt_att .tip_more {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    padding: 16px 10px;
    background: rgba(0, 0, 0, .5);
    color: #fff
}

.detail_cmt .cmt_att .more_img {
    display: none
}

.detail_cmt .cmt_default_praise {
    position: relative;
    background: #f7f7f7;
    font-size: 12px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #999
}

.detail_cmt .cmt_fold_btn {
    position: relative;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 12px;
    color: #262626
}

.detail_cmt .cmt_fold_btn.unfold .cmt_fold_btn_icon {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    margin-top: -3px
}

.detail_cmt .cmt_fold_btn .cmt_fold_btn_icon {
    display: inline-block;
    margin: -2px 0 0 5px;
    width: 16px;
    height: 16px;
    vertical-align: middle;
    background: url();
    background-size: 16px
}

.detail_cmt .cmt_tab {
    position: relative;
    height: 60px;
    background: #fff;
    overflow: hidden;
    max-width: 540px
}

.detail_cmt .cmt_tab span {
    position: relative;
    float: left;
    width: 20%;
    text-align: center;
    padding-top: 10px;
    font-size: 16px;
    color: #262626
}

.detail_cmt .cmt_tab span em {
    display: block;
    font-size: 12px;
    color: #999
}

.detail_cmt .cmt_tab span.cur {
    color: #e4393c
}

.detail_cmt .cmt_tab span.cur:after {
    content: "";
    position: absolute;
    left: 50%;
    bottom: -8px;
    z-index: 1;
    margin-left: -17px;
    width: 34px;
    height: 2px;
    background-color: #e4393c
}

.detail_cmt .cmt_tab span.cur em {
    color: #e4393c
}

.detail_cmt .cmt_view {
    position: relative;
    height: 80px;
    padding-left: 30%
}

.detail_cmt .cmt_view .per {
    width: 30%;
    position: absolute;
    top: 15px;
    left: 10px;
    text-align: center;
    color: #e4393c
}

.detail_cmt .cmt_view .per em {
    font-size: 35px;
    display: block;
    line-height: 30px
}

.detail_cmt .cmt_view .per span {
    font-size: 16px
}

.detail_cmt .cmt_view .tips {
    width: 80%;
    margin: 0 auto;
    padding-top: 10px;
    color: #999
}

.detail_cmt .cmt_view .line .box {
    display: inline-block;
    width: 70%;
    height: 10px;
    line-height: 10px;
    background: #ddd
}

.detail_cmt .cmt_view .line .box b {
    display: inline-block;
    height: 10px;
    line-height: 10px;
    background: #e4393c
}

.detail_cmt .cmt_view .line .num {
    display: inline-block;
    margin-right: -30px
}

#evalDet_main .cmt_cnt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical
}

#evalDet_main .cmt_att {
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-x: auto
}

#evalDet_main .cmt_sku {
    display: none
}

.cmt_slider_wrap {
    position: relative;
    overflow: hidden;
    min-height: 200px;
    -webkit-transform: translateX(0)
}

.cmt_slider_wrap .cmt_slider_inner {
    width: 100%;
    position: relative;
    min-height: 200px;
    -webkit-transform: translateX(0)
}

.cmt_slider_wrap .cmt_slider_con {
    position: absolute;
    top: 0;
    width: 100%
}

.cmt_slider_wrap .cmt_slider_con:nth-child(1) {
    left: 0
}

.cmt_slider_wrap .cmt_slider_con:nth-child(2) {
    left: 100%
}

.cmt_slider_wrap .cmt_slider_con:nth-child(3) {
    left: 200%
}

.cmt_slider_wrap .cmt_slider_con:nth-child(4) {
    left: 300%
}

.cmt_slider_wrap .cmt_slider_con:nth-child(5) {
    left: 400%
}

.cmt_slider_wrap .cmt_slider_con:nth-child(6) {
    left: 500%
}

.cmt_slider_wrap .cmt_slider_con:nth-child(7) {
    left: 600%
}

.cmt_more {
    text-align: center;
    background-color: #fff
}

.cmt_more .cmt_more_lnk {
    height: 25px;
    line-height: 25px;
    font-size: 12px;
    text-align: center;
    color: #262626;
    padding: 0 5px 0 10px;
    margin-bottom: 18px;
    position: relative;
    display: inline-block
}

.cmt_more .cmt_more_lnk:before {
    border-color: #8c8c8c;
    border-radius: 40px;
    border-width: .5px
}

.cmt_more .cmt_more_lnk .icon_arrow {
    display: inline-block;
    vertical-align: middle;
    width: 6px;
    height: 10px;
    margin: -2px 0 0 7px;
    background-size: 90px auto;
    background-position: -80px -35px
}

.detail_extra .detail_row {
    border-bottom: none
}

.detail_comment .detail_comment_item {
    position: relative;
    padding: 15px 10px 0 60px
}

.detail_comment .detail_comment_tag {
    position: absolute;
    top: 15px;
    left: 10px;
    width: 39px;
    border: 1px solid #1a1a1a;
    text-align: center;
    border-radius: 4px
}

.detail_comment .detail_comment_tag_percent {
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
    height: 19px;
    line-height: 19px;
    font-size: 12px;
    color: #343434;
    background-color: #efc531
}

.detail_comment .detail_comment_tag_content {
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    height: 18px;
    line-height: 18px;
    font-size: 12px;
    color: #fff;
    background-color: #262626
}

.detail_comment .detail_comment_content {
    font-size: 12px;
    color: #262626;
    line-height: 1.4;
    word-wrap: break-word;
    word-break: break-all
}

.detail_comment .detail_comment_imgs {
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-x: auto;
    font-size: 0;
    font-family: Helvetica
}

.detail_comment .detail_comment_img,
.detail_comment .detail_comment_video {
    position: relative;
    display: inline-block;
    margin-top: 16px;
    margin-right: 20px;
    height: 75px;
    width: 75px;
    vertical-align: middle;
    overflow: hidden
}

.detail_comment .detail_comment_img img {
    width: auto;
    min-width: 75px;
    max-height: 75px
}

.detail_comment .detail_comment_video .button {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    background: rgba(0, 0, 0, .5);
    border-radius: 50%
}

.detail_comment .detail_comment_video .button::before {
    display: block;
    content: "";
    position: absolute;
    border-top: 9px solid transparent;
    border-bottom: 9px solid transparent;
    border-left: 15px solid #fff;
    left: 14px;
    top: 10px
}

.detail_comment .detail_comment_video.big_size {
    width: 165px;
    height: 165px
}

.detail_comment .detail_comment_video video {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.detail_comment .detail_comment_num {
    position: relative;
    height: 37px;
    line-height: 37px;
    font-size: 12px;
    color: #999
}

.detail_comment .detail_comment_num:after {
    right: 2px;
    width: 8px;
    height: 8px;
    border-color: #999
}

.de_serve_info_page {
    background-color: #fff;
    font-size: 12px;
    padding-bottom: 1px;
    margin: 10px 0
}

.de_serve_info_panel .icon_1_1,
.de_serve_info_panel .icon_1_2,
.de_serve_info_panel .icon_1_3,
.de_serve_info_panel .icon_1_4,
.de_serve_info_panel .icon_1_5,
.de_serve_info_panel .icon_1_6,
.de_serve_info_panel .icon_2_1,
.de_serve_info_panel .icon_2_2,
.de_serve_info_panel .icon_2_3,
.de_serve_info_panel .icon_2_4,
.de_serve_info_panel .icon_3_1,
.de_serve_info_panel .icon_3_2,
.de_serve_info_panel .icon_3_3,
.de_serve_info_panel .icon_4_1,
.de_serve_info_panel .step .step_item:after,
.de_serve_info_panel .step_add .step_item:after {
    background: url() no-repeat
}

.mod_share {
    position: fixed;
    top: 100%;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 999;
    background: rgba(0, 0, 0, .3)
}

.mod_share.show {
    top: 0
}

.mod_share.show .favor_share_content {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.mod_share .favor_share_content {
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 158px;
    background-color: #fff;
    text-align: center;
    color: #333;
    -webkit-transform: translate3d(0, 158px, 0);
    transform: translate3d(0, 158px, 0);
    -webkit-transition: -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    transition: -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    transition: transform .2s cubic-bezier(0, 0, .25, 1);
    transition: transform .2s cubic-bezier(0, 0, .25, 1), -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom)
}

.mod_share .favor_share_content .tip {
    margin: 44px 0 16px;
    font-size: 16px;
    line-height: 24px
}

.mod_share .favor_share_content .btn {
    margin: 0 auto;
    width: 110px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    border: 1px solid #e93b3d;
    border-radius: 4px;
    color: #e93b3d
}

.mod_share .favor_share_content .btn i {
    display: inline-block;
    width: 20px;
    height: 30px;
    background-image: url();
    background-repeat: no-repeat;
    background-size: contain;
    background-position: 50%;
    vertical-align: bottom
}

.mod_share .favor_share_content .close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 10px;
    width: 20px;
    height: 20px;
    background: url() 50% no-repeat;
    background-size: 20px auto
}

.mod_store_choose .header .address_info .address_pannel .address_list::before,
.mod_store_choose .header .address_info .de_row::before,
.mod_store_choose .list_store .item_store .btns::before {
    content: "";
    height: 0;
    display: block;
    border-top: 1px solid #ddd;
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.mod_store_choose .list_store .item_store .info_row .price::before {
    content: "";
    width: 0;
    display: block;
    border-left: 1px solid #ddd;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.mod_store_choose .list_store .item_store .btns.pair .btn:not(:last-child)::after {
    content: "";
    width: 0;
    display: block;
    border-right: 1px solid #ddd;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.mod_store_choose .header .sku_info .info .sku_select::before {
    content: "";
    display: block;
    border: 1px solid #ddd;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .mod_store_choose .header .address_info .address_pannel .address_list::before,
    .mod_store_choose .header .address_info .de_row::before,
    .mod_store_choose .list_store .item_store .btns::before {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 0
    }
    .mod_store_choose .list_store .item_store .info_row .price::before {
        -webkit-transform: scaleX(.5);
        -webkit-transform-origin: 0 0
    }
    .mod_store_choose .list_store .item_store .btns.pair .btn:not(:last-child)::after {
        -webkit-transform: scaleX(.5);
        -webkit-transform-origin: 0 0
    }
    .mod_store_choose .header .sku_info .info .sku_select::before {
        -webkit-transform: scale(.5);
        -webkit-transform-origin: 0 0;
        bottom: -100%;
        right: -100%
    }
}

.mod_store_choose .header .address_info .address_pannel .address_list .list_row>div,
.mod_store_choose .header .address_info .address_pannel .address_list .list_row>div>span,
.mod_store_choose .header .address_info .de_row .btn,
.mod_store_choose .header .sku_info .info .sku_select,
.mod_store_choose .list_store .item_store .info_row .name {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.mod_store_choose .header .price.color_sams {
    font-size: 12px !important;
    font-weight: 400;
    margin-left: 2px;
    color: #1a68bc !important
}

.mod_store_choose .header .price.color_sams em {
    font-weight: 400;
    font-size: 12px !important
}

.mod_store_choose .header .price.color_plus,
.mod_store_choose .header .price.color_shop_merber {
    font-size: 12px !important;
    font-weight: 400;
    margin-left: 2px;
    color: #333 !important
}

.mod_store_choose .header .price.color_plus em,
.mod_store_choose .header .price.color_shop_merber em {
    font-weight: 400;
    font-size: 12px !important
}

.mod_store_choose .header .price.color_fresh {
    font-size: 12px !important;
    font-weight: 400;
    margin-left: 2px;
    color: #ff7800 !important
}

.mod_store_choose .header .price.color_fresh em {
    font-weight: 400;
    font-size: 12px !important
}

.mod_store_choose .header .price.color_newer {
    font-size: 12px !important;
    font-weight: 400;
    margin-left: 2px;
    color: #fc9131 !important
}

.mod_store_choose .header .price.color_newer em {
    font-weight: 400;
    font-size: 12px !important
}

.mod_store_choose .header .price.color_fans {
    font-size: 12px !important;
    font-weight: 400;
    margin-left: 2px;
    color: #714aff !important
}

.mod_store_choose .header .price.color_fans em {
    font-weight: 400;
    font-size: 12px !important
}

.mod_store_choose .header .mod_plus_price {
    padding: 0 2px 0 23px;
    width: auto;
    line-height: 12px;
    font-size: 8px;
    color: #fff38d;
    background-position: 2px
}

.mod_store_choose .header .mod_newer_price {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 1px;
    height: 12px;
    background-color: #fc9131;
    background-size: 20px;
    padding: 0 2px;
    line-height: 12px;
    font-size: 8px;
    color: #fff
}

.mod_store_choose .header .mod_newer_price:before {
    position: absolute;
    content: "";
    top: 0;
    left: -2px;
    width: 0;
    height: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #fc9131 #fc9131 transparent transparent
}

.mod_store_choose .header .mod_fans_price {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: -1px 0 0 1px;
    width: 30px;
    height: 14px;
    background: url() 50% no-repeat;
    background-size: 30px
}

.mod_store_choose .header .mod_shop_merber_price {
    display: inline-block;
    width: 42px;
    height: 12px;
    background-image: url(http://m.360buyimg.com/cc/jfs/t1/95198/24/10865/3751/5e252210Ebdd44a44/522da3df0c7928da.png);
    background-size: cover
}

.mod_store_choose {
    background-color: #f7f7f7
}

.mod_store_choose .header {
    position: fixed;
    top: 0;
    z-index: 1;
    width: 100%;
    background-color: #fff
}

.mod_store_choose .header .sku_info {
    position: relative;
    height: 105px;
    padding: 15px 10px 0
}

.mod_store_choose .header .sku_info .img {
    position: absolute;
    left: 10px;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 74px;
    height: 74px;
    overflow: hidden
}

.mod_store_choose .header .sku_info .img img {
    width: 100%;
    height: 100%
}

.mod_store_choose .header .sku_info .price {
    line-height: 30px;
    font-size: 12px;
    color: #e4393c
}

.mod_store_choose .header .sku_info .price em {
    font-size: 18px
}

.mod_store_choose .header .sku_info .info {
    box-sizing: border-box;
    padding-left: 85px
}

.mod_store_choose .header .sku_info .info .sku_select {
    position: relative;
    background-color: #fff;
    font-size: 14px;
    color: #666;
    margin-bottom: 10px;
    height: 21px;
    padding: 2px 25px 2px 10px;
    border-radius: 2px
}

.mod_store_choose .header .sku_info .info .sku_select::before {
    border-radius: 2px
}

.mod_store_choose .header .sku_info .info .sku_select::after {
    content: "\20";
    display: block;
    background: url() no-repeat;
    background-size: contain;
    width: 10px;
    height: 6px;
    right: 5px;
    top: 10px;
    position: absolute
}

.mod_store_choose .header .sku_info .info .sku_select.disabled {
    padding-right: 5px
}

.mod_store_choose .header .sku_info .info .sku_select.disabled:after,
.mod_store_choose .header .sku_info .info .sku_select.disabled:before {
    display: none
}

.mod_store_choose .header .sku_info .info .sku_info_row {
    position: relative
}

.mod_store_choose .header .sku_info .info .sku_info_row .num_wrap {
    position: absolute;
    top: 0;
    right: 0
}

.mod_store_choose .header .sku_info .info .sku_info_row .num_wrap::after,
.mod_store_choose .header .sku_info .info .sku_info_row .num_wrap::before {
    display: none
}

.mod_store_choose .header .sku_info .info .sku_info_row .num_wrap>span,
.mod_store_choose .header .sku_info .info .sku_info_row .num_wrap input {
    background: #f7f7f7
}

.mod_store_choose .header .sku_info .info .sku_info_row .num_wrap .minus {
    margin-right: 1px;
    border-radius: 4px 0 0 4px
}

.mod_store_choose .header .sku_info .info .sku_info_row .num_wrap .minus::before {
    display: none
}

.mod_store_choose .header .sku_info .info .sku_info_row .num_wrap .num {
    margin-right: 1px;
    width: 45px;
    font-size: 14px;
    color: #333
}

.mod_store_choose .header .address_info {
    position: relative;
    line-height: 45px;
    font-size: 14px;
    color: #666;
    text-align: center
}

.mod_store_choose .header .address_info .de_row {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.mod_store_choose .header .address_info .de_row .btn {
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.mod_store_choose .header .address_info .de_row .btn.choosed {
    font-weight: 700
}

.mod_store_choose .header .address_info .de_row .btn .txt {
    display: inline-block;
    padding: 0 14px 0 4px;
    position: relative
}

.mod_store_choose .header .address_info .de_row .btn .txt i {
    position: absolute;
    right: 0;
    top: 20px;
    width: 0;
    height: 0;
    border: 5px solid #999;
    border-color: #999 transparent transparent
}

.mod_store_choose .header .address_info .de_row .btn.open {
    color: #e4393c
}

.mod_store_choose .header .address_info .de_row .btn.open .txt i {
    top: 15px;
    border-color: transparent transparent #e4393c
}

.mod_store_choose .header .address_info .address_pannel {
    position: fixed;
    top: 165px;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 107;
    background-color: rgba(0, 0, 0, .7);
    width: 100%
}

.mod_store_choose .header .address_info .address_pannel .last_level_choose_info {
    padding: 0 10px;
    line-height: 34px;
    font-size: 14px;
    color: #666;
    text-align: left;
    background-color: #fff
}

.mod_store_choose .header .address_info .address_pannel .last_level_choose_info .index {
    color: #e4393c;
    margin-left: 15px
}

.mod_store_choose .header .address_info .address_pannel .address_list {
    position: relative;
    padding: 10px;
    background-color: #fff
}

.mod_store_choose .header .address_info .address_pannel .address_list .list_row {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.mod_store_choose .header .address_info .address_pannel .address_list .list_row:not(:first-child) {
    margin-top: 10px
}

.mod_store_choose .header .address_info .address_pannel .address_list .list_row>div {
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center;
    background: #f7f7f7;
    border-radius: 4px;
    height: 30px;
    line-height: 30px
}

.mod_store_choose .header .address_info .address_pannel .address_list .list_row>div:not(:last-child) {
    margin-right: 10px
}

.mod_store_choose .header .address_info .address_pannel .address_list .list_row>div.selected {
    position: relative;
    background: #fdf0f0;
    color: #e4393c
}

.mod_store_choose .header .address_info .address_pannel .address_list .list_row>div.selected::after {
    content: "\20";
    display: block;
    width: 15px;
    height: 15px;
    background: url() no-repeat;
    background-size: contain;
    position: absolute;
    right: 0;
    bottom: 0
}

.mod_store_choose .header .address_info .address_pannel .address_list .list_row>div.empty {
    background: transparent
}

.mod_store_choose .header .address_info .address_pannel .address_list .list_row>div>span {
    display: inline-block;
    max-width: 85%
}

.mod_store_choose .list_store {
    min-height: 160px;
    padding: 165px 0 100px
}

.mod_store_choose .list_store .empty_tip {
    margin-top: 61px;
    padding-top: 105px;
    text-align: center;
    background: url() no-repeat;
    background-size: 90px 90px;
    background-position: top
}

.mod_store_choose .list_store .empty_tip p {
    font-size: 12px;
    color: #999;
    line-height: 18px
}

.mod_store_choose .list_store .empty_tip p.big {
    font-size: 16px;
    color: #333;
    line-height: 24px
}

.mod_store_choose .list_store .item_store {
    position: relative;
    background-color: #fff;
    margin: 15px 10px 0;
    padding-top: 16px
}

.mod_store_choose .list_store .item_store .info .icon {
    display: block;
    position: absolute;
    top: 0;
    width: 40px
}

.mod_store_choose .list_store .item_store .info .icon:after {
    content: "\20";
    display: block;
    width: 20px;
    height: 20px;
    background: url("") no-repeat;
    background-size: contain;
    position: absolute;
    left: 10px;
    top: 14px
}

.mod_store_choose .list_store .item_store.selected .info .icon:after {
    background: url("") no-repeat;
    background-size: contain
}

.mod_store_choose .list_store .item_store .info_row {
    position: relative;
    padding: 0 10px 6px 40px;
    font-size: 12px;
    color: #999;
    text-align: left;
    line-height: 18px
}

.mod_store_choose .list_store .item_store .info_row .name {
    display: inline-block;
    max-width: 70%;
    font-size: 16px;
    color: #333
}

.mod_store_choose .list_store .item_store .info_row .price {
    position: absolute;
    right: 10px;
    font-size: 12px;
    color: #e4393c;
    text-align: right;
    padding-left: 10px
}

.mod_store_choose .list_store .item_store .info_row .price em {
    font-size: 18px
}

.mod_store_choose .list_store .item_store .btns {
    position: relative;
    margin-top: 5px;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    color: #333
}

.mod_store_choose .list_store .item_store .btns.pair .btn:not(:last-child) {
    position: relative
}

.mod_store_choose .list_store .item_store .btns .btn {
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center
}

.mod_store_choose .list_store .item_store .btns .icon {
    display: inline-block;
    width: 22px;
    height: 15px;
    margin-bottom: -2px;
    background-size: contain;
    background-repeat: no-repeat
}

.mod_store_choose .list_store .item_store .btns .icon.icon_o_adds {
    background-image: url()
}

.mod_store_choose .list_store .item_store .btns .icon.icon_o_phone {
    background-image: url()
}

.mod_store_choose .list_store .item_store .btns .icon.icon_o_shop {
    background-image: url()
}

.de_btn_wrap.store_page {
    z-index: 0
}

.de_btn_wrap.store_page .icon_btn {
    display: none !important
}

.mod_serve_illustration {
    background-color: #fff;
    min-height: 800px
}

.mod_serve_illustration .head {
    position: relative;
    height: 130px;
    font-size: 20px;
    font-weight: 700;
    color: #fff;
    background: #c81623 url() no-repeat bottom;
    background-size: 100% 70px
}

.mod_serve_illustration .head .p_wrap {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -36px 0 0 -105px;
    width: 210px
}

.mod_serve_illustration .head p:first-child {
    text-align: left;
    margin-bottom: 12px
}

.mod_serve_illustration .head p:last-child {
    text-align: right
}

.mod_serve_illustration .illustration {
    padding: 12px 10px 0
}

.mod_serve_illustration .illustration h1 {
    margin-bottom: 3px;
    font-weight: 400;
    font-size: 14px;
    color: #333
}

.mod_serve_illustration .illustration h1:not(:first-child) {
    margin-top: 18px
}

.mod_serve_illustration .illustration p {
    font-size: 12px;
    color: #999
}

.wx_aside .btn_ask:after,
.wx_aside .btn_more:after,
.wx_aside .btn_top:after,
.wx_aside .wx_aside_item a:before {
    background: url(//wq.360buyimg.com/fd/h5/wxsq_dev/gb/images/icon_aside_5182a3c8.png) no-repeat;
    background-size: 100%;
    background-size: 25px 410px
}

.wx_aside .btn_ask:after {
    background-position: 0 -35px
}

.wx_aside .wx_aside_item .item_cart:before {
    background-position: 0 -210px
}

.wx_aside .wx_aside_item .item_fav:before {
    background-position: 0 -70px
}

.wx_aside .btn_top:after {
    background-position: 0 -105px
}

.wx_aside .wx_aside_item .item_jd:before {
    background-position: 0 -140px
}

.wx_aside .wx_aside_item .item_gwq:before {
    background-position: 0 -175px
}

.wx_aside .wx_aside_item .item_history:before {
    background-position: 0 0
}

.wx_aside .wx_aside_item .item_index:before {
    background-position: 0 -245px
}

.wx_aside .wx_aside_item .item_uc:before {
    background-position: 0 -280px
}

.wx_aside .btn_more_active:after,
.wx_aside.more_active .btn_more:after {
    background-position: 0 -315px
}

.wx_aside .btn_more:after {
    background-position: 0 -350px
}

.wx_aside .wx_aside_item .item_search:before {
    background-position: 0 -385px
}

.WX_search~.wx_aside {
    bottom: 60px
}

.wx_aside {
    position: fixed;
    right: 0;
    bottom: 10px;
    z-index: 900;
    border-radius: 3px 0 0 3px;
    width: 40px;
    background-color: rgba(0, 0, 0, .7)
}

.wx_aside>a {
    border-top: 1px solid #828282;
    position: relative
}

.wx_aside>a:first-child {
    border-top: none
}

.wx_aside .btn_ask,
.wx_aside .btn_more,
.wx_aside .btn_top {
    width: 40px;
    height: 40px;
    font-size: 0;
    text-indent: -9999em;
    display: none;
    overflow: hidden
}

.wx_aside .btn_ask:after,
.wx_aside .btn_more:after,
.wx_aside .btn_top:after {
    width: 25px;
    height: 25px;
    content: "\20";
    margin: 7px 0 0 7px;
    float: left
}

.wx_aside .btn_ask {
    display: block
}

.wx_aside .btn_ask.off:after {
    opacity: .4
}

.wx_aside .btn_more {
    display: block
}

.wx_aside .btn_top_active {
    display: block
}

.wx_aside .btn_more~.btn_top_active {
    border-top: 1px solid #828282
}

.wx_aside .btn_live {
    position: absolute;
    top: -48px;
    padding: 5px 8px;
    line-height: 16px;
    border-radius: 3px 0 0 3px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: rgba(228, 57, 60, .8);
    border-top: 0
}

.wx_aside .btn_more.notice:before {
    content: "";
    width: 8px;
    height: 8px;
    background: #e4393c;
    overflow: hidden;
    position: absolute;
    top: 4px;
    left: 4px;
    border-radius: 4px
}

.wx_aside_item {
    position: absolute;
    bottom: 90px;
    right: 0;
    background-color: #fff;
    border: 1px solid #ddd;
    width: 115px;
    display: none
}

.wx_aside_item:before {
    display: block;
    content: "";
    width: 8px;
    height: 8px;
    background: #fff;
    -webkit-transform: rotate(45deg);
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    position: absolute;
    right: 15px;
    bottom: -5px
}

.wx_aside_item a {
    color: #666;
    line-height: 44px;
    height: 44px;
    overflow: hidden;
    display: block;
    margin: 0 15px;
    border-bottom: 1px solid #eee
}

.wx_aside_item a:last-child {
    border-bottom: 0 none
}

.wx_aside .wx_aside_item a:before {
    content: "";
    display: inline-block;
    width: 25px;
    height: 25px;
    vertical-align: middle;
    float: none;
    margin: 0;
    margin-top: -2px;
    margin-right: 4px;
    margin-left: -2px
}

.wx_aside .wx_aside_item {
    width: 130px;
    width: auto
}

.wx_aside .wx_aside_item>a {
    overflow: visible;
    white-space: nowrap
}

.wx_aside_more {
    position: relative
}

.wx_aside_more .wx_aside_item {
    bottom: 50px
}

.wx_aside .wx_aside_item {
    bottom: 100%;
    margin-bottom: 6px
}

.wx_aside.more_active .wx_aside_item {
    display: block
}

.detail_bottom_aciton_sheet {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 110
}

.detail_bottom_aciton_sheet.show {
    top: 0
}

.detail_bottom_aciton_sheet.show .detail_bottom_aciton_sheet_main {
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0);
    pointer-events: auto;
    -webkit-transition: opacity .5s linear, -webkit-transform .5s ease-in-out;
    transition: opacity .5s linear, -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out, opacity .5s linear;
    transition: transform .5s ease-in-out, opacity .5s linear, -webkit-transform .5s ease-in-out
}

.detail_bottom_aciton_sheet .detail_bottom_aciton_sheet_main {
    background-color: transparent;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 511.38px;
    margin: 0 auto;
    text-align: center;
    font-size: 16px;
    width: 94.7%;
    -webkit-transform: translate3d(0, 100%, 0);
    transform: translate3d(0, 100%, 0);
    -webkit-transition: opacity .5s linear, -webkit-transform .5s ease-in-out;
    transition: opacity .5s linear, -webkit-transform .5s ease-in-out;
    transition: transform .5s ease-in-out, opacity .5s linear;
    transition: transform .5s ease-in-out, opacity .5s linear, -webkit-transform .5s ease-in-out
}

.detail_bottom_aciton_sheet .detail_bottom_aciton_sheet_main .detail_bottom_aciton_sheet_list {
    margin: 0 auto;
    background-color: #fff;
    border-radius: 6px
}

.detail_bottom_aciton_sheet .detail_bottom_aciton_sheet_main .detail_bottom_aciton_sheet_list .detail_bottom_aciton_sheet_item {
    height: 44px;
    line-height: 44px;
    color: #e93b3d;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 5px
}

.detail_bottom_aciton_sheet .detail_bottom_aciton_sheet_main .detail_bottom_aciton_sheet_list .detail_bottom_aciton_sheet_item.underline {
    border-bottom: 1px solid #e5e5e5
}

.detail_bottom_aciton_sheet .detail_bottom_aciton_sheet_main .detail_bottom_aciton_sheet_list .detail_bottom_aciton_sheet_item.title {
    color: #333;
    border-bottom: 1px solid #e5e5e5
}

.detail_bottom_aciton_sheet .detail_bottom_aciton_sheet_main .detail_bottom_aciton_sheet_cancel {
    height: 44px;
    line-height: 44px;
    color: #333;
    background-color: #fff;
    margin: 10px auto;
    border-radius: 6px
}

.mod_jxyl_toast {
    display: none;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, .7);
    z-index: 110
}

.mod_jxyl_toast .mask {
    width: 100%;
    height: 100%
}

.mod_jxyl_toast .container {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    text-align: center
}

.mod_jxyl_toast .content {
    padding: 15px;
    width: 240px;
    background-color: #fff;
    border-radius: 10px;
    color: #333
}

.mod_jxyl_toast .content .text-big {
    padding: 21px 0 8px;
    font-size: 16px;
    line-height: 24px
}

.mod_jxyl_toast .content .text-des {
    font-size: 12px;
    line-height: 18px;
    color: #666
}

.mod_jxyl_toast .content .text-des .red {
    color: #ff4142
}

.mod_jxyl_toast .content .btns {
    margin-top: 30px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.mod_jxyl_toast .content .btns .btn {
    box-sizing: border-box;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .05);
    border-radius: 20px;
    width: 115px;
    height: 30px;
    line-height: 2;
    font-size: 14px
}

.mod_jxyl_toast .content .btns .btn.primary {
    background-image: -webkit-gradient(linear, left top, right top, from(#ff4142), to(#ff4b2b));
    background-image: -webkit-linear-gradient(left, #ff4142, #ff4b2b);
    background-image: linear-gradient(90deg, #ff4142, #ff4b2b);
    box-shadow: 0 3px 6px 0 rgba(255, 65, 66, .2);
    border: none;
    color: #fff;
    line-height: 30px
}

.mod_jxyl_toast .close {
    position: absolute;
    right: 0;
    top: 0;
    padding: 15px;
    width: 10px;
    height: 10px
}

.mod_jxyl_toast .close::after,
.mod_jxyl_toast .close::before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -7px;
    display: inline-block;
    width: 14px;
    height: 1px;
    background: rgba(0, 0, 0, .2);
    -webkit-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.mod_jxyl_toast .close::after {
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.adult_tip::before,
.buy_area .bars_group .bars_group_item:not(:first-child):after,
.buy_area .fn_wrap:before,
.buy_area .installment .installment_head::before,
.buy_tip_v2.type_medicine::before,
.color_switch_area .expand_area .button:before,
.color_switch_area ul:before,
.de_btn_wrap .de_btn_bar:before,
.detail_baitiao .desc_list .desc_item:not(:first-child):before,
.detail_baitiao:before,
.detail_book_ranking:not(:first-child)::before,
.detail_competition:before,
.detail_coupons_main .title_line:after,
.detail_deliver_serve.detail_row:before,
.detail_info_wrap .detail_item.p_desc .p_desc_ptitle::before,
.detail_prom_cart .de_row::after,
.detail_recommend_more_btn::before,
.detail_transfer .detail_transfer_row::before,
.refer_area:before {
    content: "";
    height: 0;
    display: block;
    border-top: 1px solid #ddd;
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

.detail_baitiao_main .section:not(:last-child):after,
.detail_extra_ms .detail_info_tab_v3:after,
.detail_kepler_return_main .body ul li:not(:last-child):after,
.hot_list .item:before,
.p_desc .world_title:before,
.refer_area .size_table .table_body table td:after,
.refer_area .size_table .table_body table th:after,
.refer_area .size_table .table_header li:after,
.refer_area:after {
    content: "";
    height: 0;
    display: block;
    border-bottom: 1px solid #ddd;
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0
}

.buy_area .fn_wrap .fn .favour:before,
.hot_list .item:not(:first-child):after,
.p_desc .world_title .text:before {
    content: "";
    width: 0;
    display: block;
    border-left: 1px solid #ddd;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.mod_slider .inner .corner_tag .icon:after,
.num_wrap .minus:before,
.num_wrap:before,
.p_desc .world_title .text:after,
.refer_area .size_table .table_body table td:before,
.refer_area .size_table .table_body table th:before,
.refer_area .size_table .table_header li:before {
    content: "";
    width: 0;
    display: block;
    border-right: 1px solid #ddd;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0
}

.buy_area .col_right .cheaper_info:after,
.buy_area .plus_bar.rob::before,
.buy_area .price_wrap .cashback::after,
.color_switch_area ul li::after,
.de_pm_list .sku_select::before,
.detail_new_mod_service:after,
.detail_prom .de_pm_list .img:after,
.detail_prom .hl_gold_bg:before,
.detail_prom .hl_red_bg:before,
.detail_prom .scroll_box .scroll_box_item_good:after,
.hot_more .hot_more_lnk:before,
.mod_slider .inner .lnk_3d:after,
.mod_slider .inner .lnk_read:after,
.mod_slider .inner .lnk_scene:after,
.num_wrap:after,
.refer_area .size_table:after,
.sku_wrap .option:after,
.special_wrap .explain_tag:before {
    content: "";
    display: block;
    border: 1px solid #ddd;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    pointer-events: none
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .detail_baitiao_main .section:not(:last-child):after,
    .detail_extra_ms .detail_info_tab_v3:after,
    .detail_kepler_return_main .body ul li:not(:last-child):after,
    .hot_list .item:before,
    .p_desc .world_title:before,
    .refer_area .size_table .table_body table td:after,
    .refer_area .size_table .table_body table th:after,
    .refer_area .size_table .table_header li:after,
    .refer_area:after {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 100%
    }
    .adult_tip::before,
    .buy_area .bars_group .bars_group_item:not(:first-child):after,
    .buy_area .fn_wrap:before,
    .buy_area .installment .installment_head::before,
    .buy_tip_v2.type_medicine::before,
    .color_switch_area .expand_area .button:before,
    .color_switch_area ul:before,
    .de_btn_wrap .de_btn_bar:before,
    .detail_baitiao .desc_list .desc_item:not(:first-child):before,
    .detail_baitiao:before,
    .detail_book_ranking:not(:first-child)::before,
    .detail_competition:before,
    .detail_coupons_main .title_line:after,
    .detail_deliver_serve.detail_row:before,
    .detail_info_wrap .detail_item.p_desc .p_desc_ptitle::before,
    .detail_prom_cart .de_row::after,
    .detail_recommend_more_btn::before,
    .detail_transfer .detail_transfer_row::before,
    .refer_area:before {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 0
    }
    .buy_area .fn_wrap .fn .favour:before,
    .hot_list .item:not(:first-child):after,
    .p_desc .world_title .text:before {
        -webkit-transform: scaleX(.5);
        -webkit-transform-origin: 0 0
    }
    .mod_slider .inner .corner_tag .icon:after,
    .num_wrap .minus:before,
    .num_wrap:before,
    .p_desc .world_title .text:after,
    .refer_area .size_table .table_body table td:before,
    .refer_area .size_table .table_body table th:before,
    .refer_area .size_table .table_header li:before {
        -webkit-transform: scaleX(.5);
        -webkit-transform-origin: 0 0
    }
    .buy_area .col_right .cheaper_info:after,
    .buy_area .plus_bar.rob::before,
    .buy_area .price_wrap .cashback::after,
    .color_switch_area ul li::after,
    .de_pm_list .sku_select::before,
    .detail_new_mod_service:after,
    .detail_prom .de_pm_list .img:after,
    .detail_prom .hl_gold_bg:before,
    .detail_prom .hl_red_bg:before,
    .detail_prom .scroll_box .scroll_box_item_good:after,
    .hot_more .hot_more_lnk:before,
    .mod_slider .inner .lnk_3d:after,
    .mod_slider .inner .lnk_read:after,
    .mod_slider .inner .lnk_scene:after,
    .num_wrap:after,
    .refer_area .size_table:after,
    .sku_wrap .option:after,
    .special_wrap .explain_tag:before {
        -webkit-transform: scale(.5);
        -webkit-transform-origin: 0 0;
        bottom: -100%;
        right: -100%
    }
}

.buy_area .cashback_bar .price,
.buy_area .forenotice_info_price,
.buy_area .plus_bar .price,
.buy_area .power_bar,
.buy_area .power_bar .price,
.buy_area .price_wrap .description,
.buy_area .price_wrap .old_price,
.buy_area .sams_bar .price,
.buy_area .watsons_bar .price,
.de_pm_list .price,
.detail_deliver_serve.detail_row .deliver_list .money,
.hot_list .item .price {
    font-family: arial
}

.buy_area .blue_row .txt,
.buy_area .old_price_wrap,
.buy_area .plus_bar .text.one_line,
.color_switch_area ul li p,
.de_oline,
.de_pm_list .sku_select,
.de_return_toApp,
.detail_baitiao .desc_list .desc_item,
.detail_faqbox_list_desc,
.detail_mendian_list_desc,
.detail_mendian_list_name,
.detail_prom .de_pm_list .name,
.detail_transfer .detail_transfer_row .detail_transfer_row_content .detail_transfer_row_content_oline,
.shop_info_wrap .shop_name,
.wiki a.wiki_content p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.cm_list .name,
.de_pm_list .name,
.detail_cmd .grid_item .name,
.detail_cmd .row_item .name,
.fitting_list .fn,
.hot_list .item .title,
.itm_list .txt {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical
}

.btn_wrap_row .btn_col,
.buy_area .blue_row,
.de_btn_row,
.de_row,
.detail_cmd_tab,
.detail_transfer .detail_transfer_row,
.mod_tab,
.mod_tab_flex,
.trace_video_list {
    display: -webkit-box;
    display: box;
    display: -webkit-flex;
    display: flex
}

.btn_wrap_row .btn,
.buy_area .blue_row .txt,
.de_btn_row .de_btn,
.de_btn_wrap .btn,
.de_row .de_span,
.detail_cmd_tab .tab_item,
.detail_transfer .detail_transfer_row .detail_transfer_row_content,
.mod_tab .item,
.mod_tab_flex span,
.mod_tab span,
.trace_video_list li {
    box-flex: 1
}

.buy_area .cashback_bar .bar_action:after,
.buy_area .plus_bar .bar_action:after,
.buy_area .power_bar .bar_action:after,
.buy_area .sams_bar .bar_action:after,
.buy_area .sams_bar .go_buy:after,
.buy_area .watsons_bar .bar_action:after,
.buy_area .watsons_bar .go_buy:not(.gray):after,
.buy_area a.power_bar:after,
.de_pm_list .sku_select:after,
.detail_bottom_blackBar a:after,
.detail_faqbox_empty span::after,
.wiki a.wiki_content span::after {
    content: "\20";
    display: block
}

.layer_global .content li:before {
    display: block;
    width: 20px;
    height: 20px;
    background: url(//wq.360buyimg.com/fd/h5/wxsq_dev/detail/images/icon_select_ffff3b9f.png) no-repeat 0 0;
    background-size: 20px 60px
}

.buy_area .cashback_bar .bar_action:after,
.buy_area .plus_bar .bar_action:after,
.buy_area .power_bar .bar_action:after,
.buy_area .sams_bar .bar_action:after,
.buy_area .sams_bar .go_buy:after,
.buy_area .watsons_bar .bar_action:after,
.buy_area .watsons_bar .go_buy:not(.gray):after,
.buy_area a.power_bar:after,
.de_pm_list .sku_select:after,
.detail_bottom_blackBar a:after,
.detail_faqbox_empty span::after,
.wiki a.wiki_content span::after {
    position: absolute;
    top: 50%;
    width: 12px;
    height: 12px;
    border-top: 1px solid #7d7d7d;
    border-left: 1px solid #7d7d7d;
    background: none
}

.buy_area .cashback_bar .bar_action:after,
.buy_area .plus_bar .bar_action:after,
.buy_area .power_bar .bar_action:after,
.buy_area .sams_bar .bar_action:after,
.buy_area .sams_bar .go_buy:after,
.buy_area .watsons_bar .bar_action:after,
.buy_area .watsons_bar .go_buy:not(.gray):after,
.buy_area a.power_bar:after,
.detail_bottom_blackBar a:after,
.detail_faqbox_empty span::after,
.wiki a.wiki_content span::after {
    margin-top: -6px;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg)
}

.de_pm_list .sku_select:after {
    margin-top: -10px;
    transform: rotate(-135deg);
    -webkit-transform: rotate(-135deg)
}

.detail_panoramic .detail_panoramic_images .detail_panoramic_image {
    font-family: -apple-system, Helvetica, sans-serif
}

.btn_wrap_row .btn,
.buy_area .blue_row .txt,
.de_btn_row .de_btn,
.de_btn_wrap .btn,
.de_row .de_span,
.detail_cmd_tab .tab_item,
.detail_transfer .detail_transfer_row .detail_transfer_row_content,
.mod_tab .item,
.mod_tab_flex span,
.mod_tab span,
.trace_video_list li {
    display: block;
    width: 100%;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.btn_wrap .btn_back,
.btn_wrap .btn_col,
.btn_wrap .btn_fav,
.detail_info_wrap .detail_item,
.detail_info_wrap .detail_list,
.hot_list .item,
.hot_more .hot_more_lnk .icon_arrow,
.mod_tab .item,
.mod_tab span {
    box-sizing: border-box
}

.btn_wrap::after,
.buy_area .power_bar::after,
.buy_area .price_wrap::after,
.cm_list::after,
.de_ps_list::after,
.hot_list::after,
.itm_list::after,
.recommend_tab::after,
.sku_wrap::after {
    content: "";
    display: block;
    clear: both
}

.detail_panoramic .detail_panoramic_images::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

.hide {
    display: none !important
}

.arr_r,
.arr_sku {
    background-image: url(//wq.360buyimg.com/fd/base/img/detail/old/sprites_v3.png);
    background-repeat: no-repeat;
    background-size: 100px 100px;
    -webkit-background-size: 100px 100px
}

.detail_cmd .row_item.more .more_box .icon_more,
.hot_list .item .hot_panel,
.hot_list .item .hot_panel .hot,
.hot_more .hot_more_lnk .icon_arrow,
.itm_list .more_box .icon_go,
.itm_list .more_box .icon_more {
    background: url(//wq.360buyimg.com/fd/h5/wxsq_dev/detail/images/icon_more_c383726e.png) no-repeat;
    background-size: 58px 117px
}

.hot_more .hot_more_lnk .icon_arrow {
    background-position: 0 -40px
}

.itm_list .more_box .icon_go {
    background-position: 0 -65px
}

.hot_list .item .hot_panel {
    background-position: 0 -20px
}

.hot_list .item .hot_panel .hot {
    background-position: 0 0
}

.detail_cmd .row_item.more .more_box .icon_more,
.itm_list .more_box .icon_more {
    background-position: 0 -90px
}

.buy_area .blue_row:after,
.buy_area .plus_bar::after,
.buy_area .shop_merber_bar::after,
.detail_baitiao .desc_list .desc_item.arrow_right:after,
.detail_book_ranking::after,
.detail_faqbox_head_empty::after,
.detail_faqbox_head_num::after,
.detail_mendian_head_more::after,
.detail_pstore .de_span.info .enter::after,
.has_arrow::after,
.icon_point,
.trace_title .trace_more:after {
    position: absolute;
    right: 10px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 12px;
    height: 12px;
    background: url() no-repeat;
    background-size: cover
}

.detail_baitiao .desc_list .desc_item.point_right:after,
.detail_serve:after,
.detail_transfer .detail_transfer_row .detail_transfer_row_link {
    position: absolute;
    display: inline-block;
    width: 20px;
    height: 20px;
    background-image: url();
    background-repeat: no-repeat;
    background-size: 20px
}

.arr_r_s,
.avatar,
.btn_wrap .btn_back i,
.btn_wrap .btn_cart i,
.btn_wrap .btn_fav i,
.cart_wrap .i_cart,
.detail_row .icon_promote,
.detail_show_more .tip:before,
.fav_wrap .btn_fav,
.icon_bao,
.icon_clock,
.icon_edit,
.icon_group,
.icon_group_one,
.icon_point,
.icon_promote,
.icon_warn,
.icon_zoom,
.layer_my:after,
.layer_my a i,
.shop_info_wrap .credit,
.shop_info_wrap .credit span {
    background-image: url(//wq.360buyimg.com/fd/base/img/detail/old/detail_v1_3.png?t=20141125);
    background-repeat: no-repeat;
    background-size: 100px auto
}

.buy_area .fn_wrap,
.shop_info_wrap {
    padding: 15px 10px;
    overflow: hidden
}

.buy_area .old_price_wrap {
    padding: 15px 0;
    margin: 0 10px;
    border-bottom: 1px solid #eee;
    overflow: hidden
}

.detail_info_wrap .detail_item.p_cmt,
.detail_info_wrap .detail_item.p_desc,
.layer_detail_full .layer_detail_wrap,
.sku_wrap {
    -webkit-overflow-scrolling: touch;
    -webkit-user-select: none;
    user-select: none
}

.detail_info_wrap .detail_item,
.detail_info_wrap .detail_list,
.layer_detail_full,
.layer_show {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    -ms-backface-visibility: hidden;
    -webkit-transform-style: preserve-3d
}

.btn_wrap:after,
.buy_area .power_bar:after,
.buy_area .price_wrap:after,
.cm_list:after,
.de_ps_list:after,
.hot_list:after,
.itm_list:after,
.recommend_tab:after,
.sku_wrap:after {
    clear: both;
    content: "\20";
    display: block
}

.btn_wrap .btn_back i,
.btn_wrap .btn_fav i {
    text-indent: -100%;
    overflow: hidden
}

.layer_detail_full {
    -webkit-transition: all .3s ease;
    transition: all .3s ease;
    -webkit-transform: translateY(120%);
    transform: translateY(120%);
    bottom: -100% !important
}

.layer_show {
    -webkit-transform: translateY(0) !important;
    transform: translateY(0) !important;
    bottom: 0 !important
}

.arr_r,
.arr_sku {
    background-position: -20px -30px;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -10px
}

.arr_r {
    background-position: 0 -30px
}

.arr_r_s {
    display: inline-block;
    background-position: -40px 0;
    width: 7px;
    height: 12px
}

.icon_bao {
    display: inline-block;
    vertical-align: middle;
    width: 22px;
    height: 22px;
    background-position: -30px -122px
}

.icon_clock {
    display: inline-block;
    width: 12px;
    height: 12px;
    background-position: -55px -122px
}

.icon_edit {
    display: none;
    width: 14px;
    height: 14px;
    background-position: -25px -150px;
    vertical-align: middle
}

.icon_warn {
    display: inline-block;
    margin-right: 2px;
    width: 14px;
    height: 14px;
    line-height: 14px;
    background-position: -24px 0;
    position: relative;
    top: 2px
}

.icon_global {
    display: inline-block;
    vertical-align: middle;
    width: 60px;
    height: 15px;
    margin: -2px 5px 0 0;
    background: url(//wq.360buyimg.com/fd/base/img/base/icon_global.png) no-repeat 0 0;
    background-size: 60px 15px
}

.icon_group,
.icon_group_one {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    width: 20px;
    height: 20px;
    background-position: 0 -230px;
    margin-right: 4px;
    margin-left: -2px
}

.icon_group_one {
    background-position: -20px -230px
}

.icon_promote {
    width: 20px;
    height: 20px;
    background-position: -80px -35px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 0
}

.detail_loading,
.pic_loading {
    display: block !important;
    width: 32px !important;
    height: 32px !important;
    margin: 80px auto !important
}

.g_small_tips {
    display: none;
    position: fixed;
    margin-top: -10px;
    top: 45%;
    left: 10px;
    right: 10px;
    padding: 10px;
    background: rgba(0, 0, 0, .5);
    color: #fff;
    text-align: center;
    z-index: 1000;
    border-radius: 6px
}

.detail_loading {
    margin: 10px auto !important
}

.num,
.price_old {
    font-family: arial, sans-serif
}

.detail_gap {
    padding-top: 10px;
    background: #e8e8ed;
    margin: -1px 0;
    position: relative;
    z-index: 2
}

.mod_tab_gap {
    padding-top: 10px;
    background: #f7f7f7;
    margin: -1px 0;
    position: relative
}

.mod_fix_wrap {
    height: 42px;
    z-index: 1
}

.mod_fix_wrap .mod_fix {
    position: relative
}

.mod_fix_wrap .mod_fix.fixed {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 100
}

.mod_fix_wrap .mod_tab {
    max-width: 640px;
    margin: 0 auto;
    background: #fff
}

.mod_tab_wrap {
    height: 42px;
    width: 100%;
    position: -webkit-sticky;
    position: sticky;
    top: 0;
    z-index: 1
}

.mod_tab {
    height: 40px;
    width: 100%;
    overflow: hidden;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.mod_tab .item,
.mod_tab span {
    white-space: nowrap;
    overflow: hidden;
    height: 40px;
    line-height: 40px;
    border-left: 1px solid #ddd;
    text-decoration: none;
    text-align: center;
    font-size: 14px;
    color: #333;
    background: #fff
}

.mod_tab .item:first-child,
.mod_tab span:first-child {
    border-left: 0
}

.mod_tab .item em,
.mod_tab span em {
    color: #999
}

.mod_tab .item.cur,
.mod_tab span.cur {
    color: #d91100
}

.mod_tab_fixed {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 25
}

.mod_tab_fixed_nobar {
    top: 0
}

.wx_download,
.wx_download_1 {
    margin: 0 0 10px
}

.WX_bar {
    position: relative
}

span.tag {
    color: #e4393c
}

.tag_blue {
    color: #4e91fe
}

span.link {
    color: #3884ff
}

.wx_aside,
.WX_backtop.WX_backtop_active {
    bottom: 76px;
    z-index: 99
}

.icon_point {
    width: 20px;
    height: 20px;
    background-position: -80px -35px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 10px;
    z-index: 5
}

.detail_row {
    position: relative;
    padding: 0 10px;
    display: block;
    font-size: 12px
}

.detail_row .tit {
    min-width: 40px;
    font-size: 12px;
    color: #999;
    font-weight: 400
}

.detail_row .de_row {
    padding-top: 10px;
    padding-bottom: 10px;
    position: relative
}

.detail_row .de_row:before {
    content: "";
    height: 0;
    display: block;
    border-bottom: 1px solid #ddd;
    position: absolute;
    left: 0;
    right: 0;
    top: 0
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .detail_row .de_row:before {
        -webkit-transform: scaleY(.5);
        -webkit-transform-origin: 50% 0
    }
}

.detail_row .de_row h3.tit {
    padding: 0
}

.detail_row.detail_row_unfold .icon_point_drop {
    -webkit-transform: rotate(180deg)
}

.detail_row a .de_row:before {
    border-color: #eee
}

.detail_row a.de_row:before {
    border-color: #eee
}

.de_btn_row {
    padding: 10px 0
}

.de_btn_row .de_btn {
    height: 30px;
    line-height: 30px;
    text-align: center;
    text-decoration: none;
    background: #e4393c;
    color: #fff;
    position: relative;
    border-radius: 2px;
    margin-left: 10px;
    display: block
}

.de_btn_row .de_btn:first-child {
    margin-left: 0
}

.de_btn_row .de_btn_light {
    border: 1px solid #ddd;
    color: #333;
    background: #fff
}

.hl_red_bg {
    padding: 0 8px;
    background: #e4393c;
    color: #fff;
    margin-right: 6px;
    font-size: 12px;
    line-height: 16px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -2px
}

.hl_gold_bg {
    padding: 0 8px;
    background: #de8c17;
    color: #fff;
    margin-right: 6px;
    font-size: 12px;
    line-height: 16px;
    vertical-align: middle;
    display: inline-block;
    margin-top: -2px
}

.de_c_red {
    color: #e4393c
}

.de_c_orange {
    color: #f19325
}

.de_c_blue {
    color: #3985ff
}

.de_c_light {
    color: #999
}

.de_c_gray {
    color: #333
}

.de_a_left {
    text-align: left
}

.de_a_right {
    text-align: right
}

.de_a_mid {
    text-align: center
}

.detail_cmd .detail_cmd_tab_like_only::before,
.detail_faqbox_head::before {
    content: "";
    position: absolute;
    left: 0;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 3px;
    height: 15px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#f5503a), to(#fad1cb));
    background-image: -webkit-linear-gradient(top, #f5503a, #fad1cb);
    background-image: linear-gradient(180deg, #f5503a, #fad1cb)
}

.adult_tip::before,
.buy_area .bars_group .bars_group_item:not(:first-child):after,
.buy_area .fn_wrap:before,
.buy_area .installment .installment_head::before,
.buy_tip_v2.type_medicine::before,
.color_switch_area .expand_area .button:before,
.color_switch_area ul:before,
.de_btn_wrap .de_btn_bar:before,
.detail_baitiao .desc_list .desc_item:not(:first-child):before,
.detail_baitiao:before,
.detail_book_ranking:not(:first-child)::before,
.detail_competition:before,
.detail_coupons_main .title_line:after,
.detail_deliver_serve.detail_row:before,
.detail_recommend_more_btn::before,
.detail_transfer .detail_transfer_row::before,
.refer_area:before {
    border-color: #f2f2f2
}

.sku_no_sku .attr_wrap,
.sku_no_sku .sku {
    display: none
}

.sku_no_sku .sku_num {
    display: block;
    margin-top: 10px
}

.shop_info_wrap {
    padding-left: 0;
    padding-right: 0;
    font-size: 12px;
    border-bottom: 1px solid #ddd
}

.shop_info_wrap .name_wrap {
    float: left;
    width: 45%;
    margin-left: 10px
}

.shop_info_wrap .shop_name {
    font-size: 12px;
    line-height: 16px;
    font-weight: 400;
    -webkit-font-size-adjust: none;
    color: #999
}

.shop_info_wrap .credit_wrap {
    overflow: hidden
}

.shop_info_wrap .credit {
    float: left;
    width: 60px;
    margin-right: 8px;
    height: 10px;
    background-position: 0 -46px;
    position: relative;
    margin-top: 2px
}

.shop_info_wrap .credit span {
    height: 10px;
    position: absolute;
    top: 0;
    left: 0;
    background-position: 0 -35px
}

.shop_info_wrap .num {
    float: left;
    font-size: 12px;
    -webkit-font-size-adjust: none;
    color: #ff9000
}

.shop_info_wrap .btn_shop {
    margin-right: 10px;
    width: 148px;
    height: 29px;
    line-height: 29px;
    margin-top: 1px;
    font-size: 14px;
    text-align: center;
    background: #f5f5f5;
    color: #333;
    border: 1px solid #ccc;
    border-radius: 2px;
    position: relative
}

.shop_info_wrap .btn_shop .arr_r_s {
    margin-left: 25px;
    position: absolute;
    top: 8px;
    right: 15px
}

.layer_my {
    display: none;
    width: 100px;
    padding: 0 15px;
    position: fixed;
    bottom: 55px;
    right: -1px;
    background: #fff;
    z-index: 901;
    border: 1px solid #ddd
}

.layer_my a {
    display: block;
    height: 43px;
    line-height: 43px;
    background: #fff;
    font-size: 12px;
    color: #666;
    border-top: 1px solid #ddd
}

.layer_my a:first-child {
    border-top: 0 none
}

.layer_my a i {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 10px;
    position: relative;
    top: 7px
}

.layer_my a .i_my {
    background-position: -1px -123px
}

.layer_my a .i_gwc {
    background-position: 0 -175px
}

.layer_my a .i_his {
    background-position: -25px -175px
}

.layer_my a .i_fav {
    background-position: -40px -148px
}

.layer_my:after {
    content: "\20";
    background-position: -55px 0;
    width: 11px;
    height: 6px;
    display: block;
    position: absolute;
    right: 22px;
    bottom: -6px
}

.icon_zoom {
    width: 20px;
    height: 20px;
    background-position: 0 -150px
}

.jd_service {
    padding: 10px;
    background: #fff;
    font-size: 12px;
    line-height: 15px;
    color: #999;
    margin-top: -1px;
    position: relative;
    border-top: 1px solid #ddd
}

.layer_global {
    display: none;
    position: fixed;
    z-index: 100;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    padding: 30px;
    background: rgba(0, 0, 0, .5);
    color: #333
}

.layer_global.show {
    display: block
}

.layer_global .inner {
    padding-bottom: 25px;
    background: #fff;
    border-radius: 3px
}

.layer_global .title {
    position: relative;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 14px;
    font-weight: 400;
    border-bottom: 1px solid #ddd
}

.layer_global .title span {
    position: absolute;
    left: 0;
    top: 0;
    display: block;
    width: 70px;
    height: 100%;
    color: #666
}

.layer_global .content {
    padding: 20px;
    font-size: 12px
}

.layer_global .content ul {
    margin: 10px 0
}

.layer_global .content li {
    position: relative;
    padding-left: 25px;
    line-height: 20px;
    margin-bottom: 5px
}

.layer_global .content li:before {
    position: absolute;
    left: 0;
    top: 0;
    content: "\20";
    background-position: 0 -20px
}

.layer_global .content img {
    display: block;
    width: 100%;
    margin: 0 auto
}

.layer_global .mod_btns {
    margin: 0 15px
}

.wx_bar_back {
    width: 120px
}

.wx_bar_back a {
    padding: 10px 10px 5px;
    line-height: 30px;
    height: auto
}

.wx_bar_back a:before {
    content: "";
    background-image: url(//wq.360buyimg.com/fd/base/img/detail/old/sprites_v3.png);
    background-repeat: no-repeat;
    background-size: 100px 100px;
    -webkit-background-size: 100px 100px;
    content: "\20";
    width: 25px;
    height: 25px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -4px
}

.wx_bar_back a:after {
    display: none
}

.detail_show_more {
    padding: 15px;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
    text-align: center
}

.detail_show_more .tip:before {
    content: "";
    display: inline-block;
    width: 18px;
    height: 18px;
    vertical-align: middle;
    margin-top: -4px;
    margin-right: 4px;
    background-position: -60px -20px
}

@-webkit-keyframes ScaleShow {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(.5);
        transform: translate(-50%, -50%) scale(.5)
    }
    80% {
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        transform: translate(-50%, -50%) scale(1.2)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
}

@keyframes ScaleShow {
    0% {
        -webkit-transform: translate(-50%, -50%) scale(.5);
        transform: translate(-50%, -50%) scale(.5)
    }
    80% {
        -webkit-transform: translate(-50%, -50%) scale(1.2);
        transform: translate(-50%, -50%) scale(1.2)
    }
    100% {
        -webkit-transform: translate(-50%, -50%) scale(1);
        transform: translate(-50%, -50%) scale(1)
    }
}

.mod_slider {
    height: 200px;
    padding: 10px 0;
    background-color: #e8e8ed;
    position: relative;
    overflow: hidden
}

.mod_slider .inner {
    width: 100%;
    height: 200px;
    position: relative
}

.mod_slider .pic_list {
    width: 1800%;
    position: absolute
}

.mod_slider .pic_list li {
    float: left;
    width: 200px;
    height: 200px;
    padding: 0 5px
}

.mod_slider_s1 {
    padding: 0;
    height: 320px
}

.mod_slider_s1 .inner {
    height: 100%
}

.mod_slider_s1 .pic_list {
    position: relative
}

.mod_slider_s1 .pic_list li {
    padding: 0;
    width: 320px;
    height: 320px;
    position: relative
}

.mod_slider_s1 .pic_list li img:first-child {
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate3d(-50%, -50%, 0);
    transform: translate3d(-50%, -50%, 0);
    max-width: 100%;
    max-height: 100%;
    line-height: 100%;
    visibility: middle
}

.image_viewer {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 1000;
    height: 100%;
    width: 100%;
    overflow-y: auto;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.image_viewer img {
    width: 100%;
    margin: auto
}

.image_viewer .close {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0;
    padding: 10px
}

.image_viewer .close:after {
    content: "";
    display: block;
    width: 40px;
    height: 40px;
    background: url(//wq.360buyimg.com/fd/base/img/detail/old/m_close.png?t=20140930);
    background-size: 100% auto
}

.mod_slider_mask {
    position: fixed;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    z-index: 300;
    height: 100%;
    width: 100%;
    background: #000
}

.mod_slider_viewer {
    height: 100% !important;
    padding: 0;
    background: transparent;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    z-index: 301
}

.mod_slider_viewer .inner {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    -webkit-transform: translate3d(0, -50%, 0);
    transform: translate3d(0, -50%, 0);
    height: auto
}

.mod_slider_viewer .pic_list li {
    width: 320px;
    height: 320px;
    margin: 0;
    padding: 0
}

.mod_slider_viewer .pic_list li img {
    width: 100%;
    border-radius: 0
}

.mod_slider_viewer .pic_list li img:first-child {
    max-height: none
}

.mod_slider_viewer .activity_tag,
.mod_slider_viewer .corner_tag,
.mod_slider_viewer .lnk_3d,
.mod_slider_viewer .lnk_read,
.mod_slider_viewer .lnk_video,
.mod_slider_viewer .service_tag,
.mod_slider_viewer .td_entry {
    display: none !important
}

.mod_slider .inner .video_play {
    z-index: 12;
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 58px;
    height: 58px;
    background-color: rgba(0, 0, 0, .5);
    background-image: url();
    background-size: 20px 20px;
    background-position: 20px 12px;
    background-repeat: no-repeat;
    border: 1px solid hsla(0, 0%, 100%, .3);
    border-radius: 50%;
    text-align: center
}

.mod_slider .inner .video_play_time {
    position: absolute;
    left: 5px;
    top: 35px;
    width: 48px;
    color: #fff;
    font-size: 10px;
    height: 12px;
    line-height: 12px;
    overflow: hidden;
    white-space: nowrap
}

.mod_slider .inner .pic_list li {
    background: #fff
}

.mod_slider .inner .pic_list li .video_main {
    display: none;
    max-width: none;
    margin-top: 200px;
    font-size: 0;
    font-family: none;
    white-space: nowrap;
    overflow: hidden
}

.mod_slider .inner .pic_list li .video_main video {
    width: 100%;
    height: 100%;
    background: #000
}

.mod_slider .inner .pic_list li.video {
    background: #000;
    text-align: center
}

.mod_slider .inner .pic_list li.video .video_main {
    display: block
}

.mod_slider .inner .pic_list li.video .video_play,
.mod_slider .inner .pic_list li.video img {
    display: none
}

.mod_slider .inner .pic_list li .td_entry {
    z-index: 12;
    position: absolute;
    display: inline-block;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    width: 70px;
    height: 70px;
    background-image: url();
    background-repeat: no-repeat;
    background-size: 70px 70px;
    -webkit-animation: ScaleShow 1.5s;
    animation: ScaleShow 1.5s
}

.mod_video {
    text-align: center;
    background-color: #000
}

.mod_video .inner {
    display: none
}

.mod_video_main {
    max-width: none;
    margin-top: 200px;
    font-size: 0;
    font-family: none;
    white-space: nowrap;
    overflow: hidden
}

.mod_video_main video {
    width: 100%;
    height: 100%;
    background: #000
}

.mod_video_close {
    display: inline-block;
    text-align: center;
    margin-top: 15px;
    font-size: 12px;
    color: #333;
    letter-spacing: 0;
    padding: 2px 15px;
    background: hsla(0, 0%, 100%, .8);
    box-shadow: 0 2.5px 5px 0 rgba(0, 0, 0, .05);
    border-radius: 15px
}

.mod_slider .video_close {
    display: none;
    text-align: center;
    margin-top: 15px;
    font-size: 12px;
    color: #333;
    letter-spacing: 0;
    padding: 2px 15px;
    background: hsla(0, 0%, 100%, .8);
    box-shadow: 0 2.5px 5px 0 rgba(0, 0, 0, .05);
    border-radius: 15px
}

.mod_slider.mod_slider_viewer .video .video_close {
    display: inline-block
}

.mod_slider.mod_slider_viewer .video_play {
    display: none !important
}

.indicator_wrap {
    position: absolute;
    z-index: 20;
    right: 0;
    bottom: 15px;
    height: 20px;
    padding: 0 10px;
    background: rgba(0, 0, 0, .5);
    border-radius: 10px 0 0 10px;
    font-size: 10px;
    color: #fff;
    line-height: 20px;
    font-family: JDZH-Regular
}

.indicator_wrap span {
    font-size: 14px
}

.mod_slider.mod_slider_viewer .indicator_wrap,
.mod_slider.mod_slider_viewer .video_btn {
    display: none !important
}

.detail_row {
    min-height: 45px
}

.detail_row h3.tit {
    font-size: 16px;
    color: #333;
    padding: 10px 0
}

.detail_row .icon_promote {
    width: 20px;
    height: 20px;
    background-position: -80px -35px;
    position: absolute;
    top: 50%;
    margin-top: -10px;
    right: 10px
}

.buy_area {
    overflow: hidden;
    background: #fff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px
}

.buy_area b {
    font-weight: 400
}

.buy_area .tip_red {
    margin-right: 4px;
    margin-top: -2px;
    font-size: 11px;
    color: #fff;
    background: #e4393c;
    padding: 0 2px;
    display: inline-block;
    vertical-align: middle;
    line-height: 15px
}

.buy_area .col_right {
    float: right;
    margin-top: 1px
}

.buy_area .col_right a {
    font-size: 12px;
    color: #3985ff
}

.buy_area .col_right a.tag_blue {
    font-size: 10px
}

.buy_area .col_right .cheaper_info {
    position: relative;
    display: inline-block;
    width: 60px;
    height: 20px;
    font-size: 12px;
    text-align: center;
    line-height: 20px;
    color: #333
}

.buy_area .col_right .cheaper_info:after {
    border-color: #ccc;
    border-radius: 3px
}

.buy_area .fn_wrap {
    padding: 12px 18px;
    position: relative
}

.buy_area .fn_wrap:before {
    border-color: #ddd
}

.buy_area .fn_wrap .fn {
    position: relative;
    color: #262626;
    overflow: hidden;
    font-size: 16px;
    font-weight: 400;
    line-height: 18px
}

.buy_area .fn_wrap .fn .favour {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    padding-top: 26px;
    margin-right: -10px;
    line-height: 1em;
    height: 10px;
    width: 50px;
    font-size: 10px;
    color: #333;
    text-align: center
}

.buy_area .fn_wrap .fn .favour:before {
    border-color: #ddd
}

.buy_area .fn_wrap .fn .favour:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 18px;
    height: 18px;
    background-image: url();
    background-size: 100%
}

.buy_area .fn_wrap .fn .favour.yes:after {
    background-image: url()
}

.buy_area .fn_wrap .fn .favour.heart:after {
    left: 14px;
    width: 22px;
    height: 21px;
    background-image: url(//wq.360buyimg.com/fd/h5/wxsq_dev/detail/images/cart_sprits_all_54ae802c.png);
    background-size: 100px 100px;
    background-position: -50px -3px
}

.buy_area .fn_wrap .fn .favour.heart.yes:after {
    background-position: -50px -25px
}

.buy_area .fn_wrap .fn.fn_goods_name {
    min-height: 36px;
    padding-right: 52px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.buy_area .fn_wrap .fn.fn_goods_desc {
    font-size: 13px;
    color: #262626;
    min-height: 18px;
    margin-bottom: 12px
}

.buy_area .flag {
    font-size: 12px;
    color: #fff;
    height: 16px;
    padding: 0 7px;
    border-radius: 7px;
    line-height: 16px;
    background: #333
}

.buy_area .art_desc,
.buy_area .book_desc {
    font-size: 12px;
    padding: 5px 0 0
}

.buy_area .art_desc .cup,
.buy_area .book_desc .cup {
    margin-right: 5px
}

.buy_area .art_desc a,
.buy_area .book_desc a {
    color: #4e91fe
}

.buy_area .price_wrap {
    padding: 0 18px;
    line-height: 20px;
    margin-bottom: 5px;
    font-size: 12px
}

.buy_area .price_wrap:last-child {
    margin-bottom: 10px
}

.buy_area .price_wrap .price {
    font-family: JDZH-Regular;
    font-size: 16px;
    line-height: 30px;
    color: #f2270c;
    display: inline-block
}

.buy_area .price_wrap .price em {
    font-size: 26px
}

.buy_area .price_wrap .price.color_sams {
    margin-left: 5px;
    color: #1a68bc
}

.buy_area .price_wrap .price.color_plus,
.buy_area .price_wrap .price.color_shop_merber {
    margin-left: 5px;
    color: #333
}

.buy_area .price_wrap .price.color_fresh {
    margin-left: 5px;
    color: #ff7800
}

.buy_area .price_wrap .price.color_newer {
    margin-left: 5px;
    color: #fc9131
}

.buy_area .price_wrap .price.color_student {
    margin-left: 5px;
    color: #0c8
}

.buy_area .price_wrap .price.color_fans {
    margin-left: 5px;
    color: #714aff
}

.buy_area .price_wrap .mod_plus_price {
    padding: 0 2px 0 23px;
    width: auto;
    line-height: 12px;
    font-size: 8px;
    color: #fff38d;
    background-position: 2px
}

.buy_area .price_wrap .mod_newer_price {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 1px;
    height: 12px;
    background-color: #fc9131;
    background-size: 20px;
    padding: 0 2px;
    line-height: 12px;
    font-size: 8px;
    color: #fff
}

.buy_area .price_wrap .mod_newer_price:before {
    position: absolute;
    content: "";
    top: 0;
    left: -2px;
    width: 0;
    height: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #fc9131 #fc9131 transparent transparent
}

.buy_area .price_wrap .mod_student_price {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 1px;
    height: 12px;
    background-color: #0c8;
    background-size: 20px;
    padding: 0 2px;
    line-height: 12px;
    font-size: 8px;
    color: #fff
}

.buy_area .price_wrap .mod_student_price:before {
    position: absolute;
    content: "";
    top: 0;
    left: -2px;
    width: 0;
    height: 0;
    border-width: 1px;
    border-style: solid;
    border-color: #0c8 #0c8 transparent transparent
}

.buy_area .price_wrap .mod_fans_price {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: -1px 0 0 1px;
    width: 30px;
    height: 14px;
    background: url() 50% no-repeat;
    background-size: 30px
}

.buy_area .price_wrap .mod_shop_merber_price {
    display: inline-block;
    width: 42px;
    height: 12px;
    background-image: url(http://m.360buyimg.com/cc/jfs/t1/95198/24/10865/3751/5e252210Ebdd44a44/522da3df0c7928da.png);
    background-size: cover
}

.buy_area .price_wrap .mod_tag {
    margin-right: 0
}

.buy_area .price_wrap .sams_info {
    display: inline-block;
    width: 24px;
    height: 20px;
    vertical-align: middle;
    margin-top: -4px;
    margin-left: 2px;
    background: url() no-repeat 4px 3px;
    background-size: 15px
}

.buy_area .price_wrap .old_price {
    margin: 0 0 0 2px;
    text-decoration: line-through;
    color: "#262626";
    font-size: 12px
}

.buy_area .price_wrap .description {
    margin: 0 0 0 2px;
    color: "#262626";
    font-size: 12px
}

.buy_area .price_wrap .cashback {
    color: #f2270c;
    position: relative;
    display: inline-block;
    margin: -7px 3px 0 0;
    padding: 0 3px 0 17px;
    height: 15px;
    vertical-align: middle;
    line-height: 16px;
    font-size: 11px;
    font-weight: 700
}

.buy_area .price_wrap .cashback::before {
    content: "";
    position: absolute;
    left: 0;
    top: 0;
    width: 15px;
    height: 15px;
    border-top-left-radius: 1px;
    border-bottom-left-radius: 1px;
    background: #f2270c url() no-repeat 50%;
    background-size: 15px
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .buy_area .price_wrap .cashback::before {
        border-top-left-radius: 2px;
        border-bottom-left-radius: 2px
    }
}

.buy_area .price_wrap .cashback::after {
    border-color: #f2270c;
    border-radius: 1px
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .buy_area .price_wrap .cashback::after {
        border-radius: 2px
    }
}

.buy_area .buy_tip,
.buy_area .price_tip {
    color: "#262626";
    padding: 0 18px 6px
}

.buy_area i.tip_info {
    display: inline-block;
    width: 24px;
    height: 20px;
    vertical-align: middle;
    margin-top: -4px;
    margin-left: 2px;
    background: url() no-repeat 3px 4px;
    background-size: 13px
}

.buy_area .shop_merber_bar {
    position: relative;
    margin: 10px 18px;
    padding: 7px 10px;
    border-radius: 6px;
    font-size: 12px;
    color: #666;
    background-color: #eff1f3;
    line-height: 21px;
    padding: 7px 23px 7px 10px
}

.buy_area .shop_merber_bar .go {
    float: right
}

.buy_area .shop_merber_bar::after {
    content: ""
}

.buy_area .fav_shop_bar {
    position: relative;
    margin: 10px 18px;
    border-radius: 6px;
    font-size: 12px;
    color: #666;
    background-color: #eff1f3;
    line-height: 21px;
    padding: 7px 10px
}

.buy_area .fav_shop_bar i {
    position: absolute;
    left: 40%;
    top: -5px;
    display: block;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #efefef
}

.buy_area .fav_shop_bar span {
    display: inline-block;
    color: #f2270c
}

.buy_area .old_price {
    color: #b5b5b5;
    margin-right: 8px;
    font-size: 12px
}

.buy_area .old_price_wrap {
    padding-top: 0
}

.buy_area .old_price_wrap a,
.buy_area .old_price_wrap span {
    float: left;
    font-size: 12px;
    margin-right: 10px;
    overflow: hidden;
    color: #999
}

.buy_area .sale_num {
    color: #b5b5b5;
    font-size: 12px
}

.buy_area .group {
    font-size: 11px;
    color: #fff;
    background: #e4393c;
    margin-right: -30px;
    padding: 0 2px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-left: 5px;
    line-height: 15px
}

.buy_area .pre_buy .price {
    margin: -2px 3px 0 0
}

.buy_area .tip {
    padding-left: 4.6em;
    font-size: 12px;
    padding-top: 0;
    color: "#262626"
}

.buy_area .group_one .price {
    color: #666
}

.buy_area .group_one span.group {
    background: #f19325
}

.sku_wrap {
    background: #fff;
    padding: 5px 10px 10px;
    position: relative
}

.sku_wrap .sku {
    position: relative;
    padding-left: 33px
}

.sku_wrap .sku:not(.sku_date):not(.sku_size_adv):not(.sku_gift_choose):not(.sku_num) {
    margin: 5px 0
}

.sku_wrap .sku.color_red {
    margin: 5px -10px !important;
    padding: 0 10px 0 43px;
    background-color: #fef5f5
}

.sku_wrap .sku.color_red h3 {
    left: 10px
}

.sku_wrap h3 {
    position: absolute;
    top: 20px;
    left: 0;
    line-height: 1.2;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    width: 35px;
    font-size: 12px;
    font-weight: 400;
    color: #999
}

.sku_wrap .sku_list {
    overflow: hidden
}

.sku_wrap .option {
    float: left;
    position: relative;
    padding: 5px 10px 4px;
    margin: 5px 10px 5px 0;
    min-width: 30px;
    border-radius: 2px;
    text-align: center;
    word-break: break-all;
    font-size: 14px;
    color: #333;
    background-color: #fff
}

.sku_wrap .option:after {
    border-color: "#262626"
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .sku_wrap .option:after {
        border-radius: 4px
    }
}

.sku_wrap .option_selected {
    color: #e4393c
}

.sku_wrap .option_selected:after {
    border-color: #e4393c
}

.sku_wrap .option_disabled {
    color: #333
}

.sku_wrap .option_disabled:after {
    border: 16px solid #ddd;
    -webkit-border-image: url() 16 round;
    border-image: url() 16 round
}

.sku_wrap .sku_list_img .option {
    width: 38px;
    height: 38px;
    padding: 0;
    background: #fff;
    position: relative
}

.sku_wrap .sku_list_img .option_selected:after {
    content: "";
    width: 36px;
    height: 36px;
    border: 2px solid #d90000;
    position: absolute;
    top: -1px;
    left: -1px
}

.sku_wrap .sku_list_img img {
    display: block;
    width: 38px;
    height: 38px;
    margin: 0
}

.sku_wrap .sku_list_img .option_disabled {
    border-color: #ddd;
    border: 1px solid #ddd
}

.sku_wrap .sku_list_img .option_disabled img {
    -webkit-filter: grayscale(.5);
    opacity: .3
}

.sku.sku_num {
    overflow: hidden
}

.sku.sku_num h3 {
    top: 50%
}

.num_wrap {
    position: relative;
    float: left
}

.num_wrap:before {
    border-color: #ccc;
    right: 30px;
    z-index: 1
}

.num_wrap:after {
    border-color: #ccc;
    border-radius: 2px
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .num_wrap:after {
        border-radius: 4px
    }
}

.num_wrap input,
.num_wrap span {
    position: relative;
    float: left;
    width: 30px;
    height: 30px;
    line-height: 30px;
    background-color: #fff;
    text-align: center
}

.num_wrap .minus:before {
    border-color: #ccc;
    right: 0;
    z-index: 1
}

.num_wrap .minus:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 2px;
    background: #666;
    border-radius: 2px;
    left: 50%;
    top: 50%;
    margin-top: -1px;
    margin-left: -8px
}

.num_wrap .minus_disabled:after {
    background: #ccc
}

.num_wrap .num {
    position: relative;
    -webkit-appearance: none;
    border: none;
    width: 50px;
    height: 30px;
    line-height: 30px;
    background: #fff;
    font-size: 12px;
    text-align: center
}

.num_wrap .plus:after {
    content: "";
    position: absolute;
    width: 16px;
    height: 2px;
    background: #666;
    border-radius: 2px;
    left: 50%;
    top: 50%;
    margin-top: -1px;
    margin-left: -8px
}

.num_wrap .plus:before {
    content: "";
    position: absolute;
    width: 16px;
    height: 2px;
    background: #666;
    border-radius: 2px;
    left: 50%;
    width: 2px;
    height: 16px;
    top: 50%;
    margin-top: -8px;
    margin-left: -1px
}

.num_wrap .plus_disabled:before {
    background: #ccc
}

.num_wrap .plus_disabled:after {
    background: #ccc
}

.num_wrap_disabled .minus:after {
    background: #938f8e
}

.num_wrap_disabled .num {
    color: #bbb
}

.num_wrap_disabled .plus:before {
    background: #938f8e
}

.num_wrap_disabled .plus:after {
    background: #938f8e
}

.stock_num {
    position: relative;
    float: left;
    height: 30px;
    line-height: 1.3;
    margin-left: 10px;
    color: "#262626";
    font-size: 12px
}

.stock_num .inner {
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%)
}

.stock_num .inner .red {
    color: #e4393c
}

.stock_num .inner div {
    white-space: nowrap
}

.sku_tip {
    display: none;
    margin-left: -70px;
    padding: 5px 10px;
    background: rgba(0, 0, 0, .7);
    color: #fff;
    text-align: center;
    position: fixed;
    top: 50%;
    left: 50%;
    z-index: 120;
    border-radius: 4px;
    box-shadow: 0 0 3px 3px hsla(0, 0%, 59%, .7)
}

.sku.sku_date {
    padding: 0;
    margin-top: -10px
}

.sku.sku_date h3 {
    position: static;
    float: left;
    width: auto;
    line-height: 40px;
    margin-right: 10px;
    -webkit-transform: translateY(0);
    transform: translateY(0)
}

.sku.sku_date p {
    height: 40px;
    line-height: 40px
}

.sku_container_disabled .sku_wrap .option {
    color: #bbb;
    border-color: #ddd
}

.sku_container_disabled .sku_num .num_wrap .num {
    color: #bbb
}

.sku_container_disabled .sku_num .num_wrap .minus:after {
    background: #938f8e
}

.sku_container_disabled .sku_num .num_wrap .plus:after,
.sku_container_disabled .sku_num .num_wrap .plus:before {
    background: #938f8e
}

.buy_area .fn_wrap_fav .fn {
    margin-right: 40px;
    height: 36px
}

.fav_wrap {
    width: 42px;
    height: 40px;
    border-left: 1px solid #eee;
    position: absolute;
    right: 0;
    top: 10px
}

.fav_wrap:active {
    background: rgba(0, 0, 0, .2)
}

.fav_wrap .btn_fav {
    width: 24px;
    height: 24px;
    margin: 0 auto 1px;
    background-position: 0 -90px
}

.fav_wrap .btn_fav_checked {
    background-position: -28px -90px
}

.fav_wrap .txt {
    font-size: 12px;
    line-height: 14px;
    color: "#262626";
    text-align: center
}

.fn_wrap .desc {
    color: "#262626";
    padding: 18px 0 0;
    line-height: 1.3;
    position: relative;
    font-size: 12px;
    max-height: 46px;
    overflow: hidden
}

.fn_wrap .desc a {
    color: #e4393c;
    text-decoration: underline
}

.fn_wrap .desc_on {
    max-height: 120px;
    white-space: normal
}

.attr_wrap {
    padding-top: 5px
}

.mod_tab_flex span {
    float: none
}

.mod_tit_line {
    border-top: 1px solid #ddd;
    text-align: center;
    height: 6px;
    margin: 16px 0 10px
}

.mod_tit_line h3 {
    display: inline-block;
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    position: relative;
    top: -11px;
    font-weight: 400;
    padding: 0 20px;
    background: #fff
}

.detail_row.detail_prom_tag_sub .de_row {
    position: relative
}

.detail_row.detail_prom_tag_sub .de_row:before {
    left: 40px
}

.buy_area .blue_row {
    margin-top: 10px;
    background: #f0f6fd;
    position: relative;
    line-height: 35px;
    padding: 0 10px
}

.buy_area .blue_row .txt {
    color: #4b9bf8;
    font-size: 12px
}

.buy_area .blue_row .icon_jb1111 {
    width: 46px;
    height: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 4px;
    background: url() no-repeat;
    background-size: 100%
}

.buy_area .blue_row .row_icon {
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 4px;
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 14px
}

.buy_area .blue_row:after {
    content: "";
    display: block;
    right: 20px
}

@media screen and (max-width:374px) {
    .buy_area .auto_hide_lt375 {
        display: none
    }
}

.detail_prom .de_row.prom_item.higher_de_tag {
    padding: 7px 0;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.detail_prom .de_row.prom_item.add_money_buying .info {
    padding-right: 32px
}

.detail_prom .de_row.prom_item .prom_flex_box {
    position: relative;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 7px
}

.detail_prom .de_row.prom_item .prom_flex_box span {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.detail_prom .prom_item.plus_prom {
    margin-bottom: 14px;
    background-color: #fcf6ed;
    position: relative;
    padding: 10px 0 10px 10px
}

.detail_prom .prom_item.plus_prom .de_span {
    color: #de8c17
}

.detail_prom .de_row {
    padding-top: 0;
    padding-bottom: 0
}

.detail_prom .de_row>.tit {
    padding-top: 14px
}

.detail_prom .de_row:before {
    right: -10px
}

.detail_prom .de_span {
    color: #333;
    overflow: hidden
}

.detail_prom .de_span .de_row {
    padding: 14px 0
}

.detail_prom .de_point {
    width: 25px
}

.detail_prom .de_point .icon_point {
    right: 0
}

.detail_prom .de_tag {
    margin-right: 5px;
    padding-top: 1px
}

.detail_prom .de_tag .hl_red_bg {
    display: block;
    margin: 0
}

.detail_prom .de_tag .hl_gold_bg {
    display: block;
    margin: 0
}

.detail_prom .de_tag .sub_tag {
    display: block;
    padding: 0 8px;
    height: 13px;
    border-radius: 1px;
    line-height: 13px;
    text-align: center;
    font-size: 9px;
    color: #fff
}

.detail_prom .de_tag .sub_tag.blue {
    background-color: #3985ff
}

.detail_prom .de_tag .sub_tag.red {
    background-color: #e4393c
}

.detail_prom .hl_red_bg {
    position: relative;
    padding: 0 3px;
    margin-right: 0;
    height: 13px;
    line-height: 13px;
    font-size: 9px;
    color: #e4393c;
    background: #fff
}

.detail_prom .hl_red_bg:before {
    border-color: #e4393c;
    border-radius: 2px
}

.detail_prom .hl_gold_bg {
    position: relative;
    padding: 0 3px;
    margin-right: 0;
    height: 13px;
    line-height: 13px;
    font-size: 9px;
    color: #de8c17;
    background: #fff
}

.detail_prom .hl_gold_bg:before {
    border-color: #de8c17;
    border-radius: 2px
}

.detail_prom .de_desc {
    color: "#262626";
    margin-top: 7px
}

.detail_prom .de_pm_lists .de_pm_list:not(:first-child) {
    margin-top: 10px
}

.detail_prom .de_pm_list .item {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.detail_prom .de_pm_list .item:first-child .de_row:before {
    content: none
}

.detail_prom .de_pm_list .item:last-child .de_row {
    padding-bottom: 0
}

.detail_prom .de_pm_list .img {
    position: relative;
    top: 0;
    left: 0;
    display: inline-block;
    margin-right: 5px;
    width: 50px;
    height: 50px;
    overflow: hidden;
    border: none
}

.detail_prom .de_pm_list .img:after {
    border-color: #dfdfdf
}

.detail_prom .de_pm_list .img:nth-child(5) {
    margin-right: 0
}

@media screen and (max-width:374px) {
    .detail_prom .de_pm_list .img:nth-child(4) {
        margin-right: 0
    }
    .detail_prom .de_pm_list .img:nth-child(5) {
        display: none
    }
}

.detail_prom .de_pm_list .img.for_more:before {
    content: "查看更多";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 1;
    padding: 7px 9px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: rgba(0, 0, 0, .7)
}

.detail_prom .de_pm_list .img .gift_num {
    position: absolute;
    bottom: 0;
    right: 0;
    z-index: 1;
    padding: 0 2px;
    height: 15px;
    max-width: 46px;
    word-break: break-all;
    overflow: hidden;
    line-height: 15px;
    font-size: 10px;
    color: #fff;
    background-color: rgba(0, 0, 0, .7)
}

.detail_prom .de_pm_list .img img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.detail_prom .de_pm_list .info {
    padding-top: 7px;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    overflow: hidden
}

.detail_prom .de_pm_list .name {
    color: #333
}

.detail_prom .de_pm_list .desc {
    color: "#262626"
}

.detail_prom .scroll_box {
    margin-top: 7px;
    font-size: 0;
    font-family: Helvetica;
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch
}

.detail_prom .scroll_box::-webkit-scrollbar {
    width: 0;
    height: 0;
    display: none
}

.detail_prom .scroll_box .scroll_box_item {
    position: relative;
    display: inline-block
}

.detail_prom .scroll_box .scroll_box_item:not(:last-child) {
    margin-right: 10px
}

.detail_prom .scroll_box .scroll_box_item_good {
    display: inline-block;
    position: relative;
    width: 50px;
    height: 50px;
    overflow: hidden
}

.detail_prom .scroll_box .scroll_box_item_good:after {
    border-color: #dfdfdf
}

.detail_prom .scroll_box .scroll_box_item_good img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%
}

.detail_prom .scroll_box .scroll_box_item_plus {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 50px
}

.detail_prom .scroll_box .scroll_box_item_plus:after,
.detail_prom .scroll_box .scroll_box_item_plus:before {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    background-color: #666
}

.detail_prom .scroll_box .scroll_box_item_plus:before {
    margin-left: -5px;
    width: 11px;
    height: 1px
}

.detail_prom .scroll_box .scroll_box_item_plus:after {
    margin-top: -5px;
    width: 1px;
    height: 11px
}

.adult_tip {
    position: relative;
    height: 37px;
    line-height: 37px;
    color: #e93b3d;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.adult_tip i.info_icon {
    display: inline-block;
    position: relative;
    width: 12px;
    height: 12px;
    margin-right: 5px;
    background-image: url();
    background-size: cover;
    vertical-align: text-top
}

.detail_act_bar {
    height: 55px
}

.btn_wrap .time_wrap {
    line-height: 20px;
    font-size: 12px;
    color: #333;
    margin-bottom: 15px;
    text-align: center
}

.btn_wrap .time_wrap p {
    line-height: 18px
}

.btn_wrap .time_wrap em {
    display: inline-block;
    width: 20px;
    height: 20px;
    font-size: 12px;
    color: #fff;
    background: #333;
    border-radius: 2px;
    margin: 0 5px
}

.btn_wrap .btn {
    float: left;
    width: 46%;
    height: 40px;
    line-height: 40px;
    text-decoration: none;
    text-align: center;
    background: #e4393c;
    color: #fff;
    position: relative;
    border-radius: 2px
}

.btn_wrap .btn:active {
    background: #c10000
}

.btn_wrap .btn_cart {
    float: left;
    width: 16%;
    background: #ff7d00
}

.btn_wrap .btn_cart i {
    display: block;
    width: 25px;
    height: 25px;
    background-position: -53px -60px;
    margin: 6px auto
}

.btn_wrap .btn_cart_disabled {
    background: #aaa !important
}

.btn_wrap .btn_buy {
    float: right;
    width: 80%
}

.btn_wrap .btn_buy_spec {
    background: #67ad03 !important
}

.btn_wrap .btn_buy_spec:active {
    background: #478d23 !important
}

.btn_wrap .btn_orange {
    background: #f19325
}

.btn_wrap .btn_orange:active {
    background: #f19325
}

.btn_wrap .btn_blue {
    background: #3985ff
}

.btn_wrap .btn_blue:active {
    background: #3985ff
}

.btn_wrap .btn_buy_disabled {
    background: #aaa !important
}

.btn_wrap .btn_back {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0
}

.btn_wrap .btn_back i {
    display: block;
    width: 25px;
    height: 25px;
    margin: 15px auto;
    background-position: 0 -60px
}

.btn_wrap .btn_fav {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    left: 0;
    display: block
}

.btn_wrap .btn_fav:after {
    content: "收藏";
    font-size: 12px;
    height: 12px;
    width: 50px;
    text-align: center;
    line-height: 12px;
    color: #666;
    position: absolute;
    top: 36px;
    left: 0
}

.btn_wrap .btn_fav i {
    display: block;
    width: 25px;
    height: 25px;
    margin: 7px auto;
    background-position: -39px -147px
}

.btn_wrap .btn_fav_checked:after {
    content: "已收藏";
    color: #ff9600
}

.btn_wrap .btn_fav_checked i {
    background-position: -69px 2px
}

.btn_wrap .btn_col {
    margin-left: 50px;
    margin-right: 50px
}

.btn_wrap .btn_col .btn {
    height: 40px;
    line-height: 40px;
    margin-top: 8px
}

.btn_wrap .btn_col .btn_buy {
    float: right;
    width: 48%
}

.btn_wrap .btn_col .btn_cart {
    float: left;
    width: 48%
}

.btn_wrap .btn_col .btn_group {
    display: none
}

.btn_wrap_static {
    background: #eee;
    border-top: 1px solid #ddd;
    border-bottom: 1px solid #ddd
}

.btn_wrap_fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 20;
    width: 100%;
    height: 56px;
    padding: 0;
    background: url() repeat-x 0 0 #eee;
    background-size: 1px 1px
}

.btn_wrap_inner {
    max-width: 640px;
    margin: 0 auto;
    position: relative;
    height: 56px
}

.btn_wrap .notice_tip {
    display: none
}

.btn_wrap .notice_tip {
    text-align: center;
    padding: 5px 0;
    font-size: 12px;
    background: rgba(0, 0, 0, .6);
    color: #fff;
    bottom: 56px;
    left: 0;
    right: 0;
    position: absolute
}

.btn_wrap_nocart .btn_cart {
    display: none
}

.btn_wrap_nocart .btn_buy {
    width: 100%
}

.btn_wrap_nocart .btn_col .btn_buy {
    width: 100%
}

.btn_wrap_nobuy .btn_buy {
    display: none
}

.btn_wrap_nobuy .btn_cart {
    width: 100%
}

.btn_wrap_nobuy .btn_col .btn_cart {
    width: 100%
}

.btn_wrap_noside .btn_col {
    margin: 0 10px
}

.btn_wrap_noside .btn_buy_exp,
.btn_wrap_noside .btn_cart,
.btn_wrap_noside .btn_fav,
.btn_wrap_noside .cart_wrap {
    display: none
}

.btn_wrap_group {
    height: auto;
    padding-bottom: 9px
}

.btn_wrap_group .btn_cart,
.btn_wrap_group .btn_fav,
.btn_wrap_group .cart_wrap {
    display: none !important
}

.btn_wrap_group .btn_col {
    margin: 0 10px
}

.btn_wrap_group .btn {
    width: 48%
}

.btn_wrap_group.btn_wrap_nocart .btn_buy {
    background: #1bc6c3
}

.btn_wrap_group.btn_wrap_nocart .btn_buy:active {
    background: #0fafad
}

.btn_wrap_group .btn_buy_exp {
    background: #f19325
}

.btn_wrap_group .btn_buy_exp:active {
    background: #e38921
}

.btn_wrap_row .btn_col {
    margin-left: 40px
}

.btn_wrap_row .btn {
    margin-left: 10px;
    float: none
}

.avatar_wrap {
    width: 55px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0
}

.avatar_wrap:after {
    content: "我的";
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    color: #666;
    position: absolute;
    top: 36px;
    left: 14px
}

.avatar_wrap .add_num {
    position: absolute;
    padding: 2px 3px;
    color: #e4393c;
    font-weight: 700;
    top: -10px;
    left: 16px;
    display: none
}

.avatar_wrap .add_num.show {
    display: block;
    opacity: 0;
    -webkit-animation: num_move 2s
}

@-webkit-keyframes num_move {
    0% {
        top: -10px;
        opacity: 1
    }
    50% {
        top: -20px;
        opacity: 1
    }
    100% {
        top: -20px;
        opacity: 0
    }
}

.avatar_wrap_on:after {
    color: #e4393c
}

.avatar_wrap_on .avatar {
    background-position: 1px 1px
}

.avatar {
    display: block;
    width: 25px;
    height: 25px;
    margin: 7px auto;
    background-position: -27px -60px
}

.avatar_my {
    background-position: 0 -122px
}

.cart_wrap {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 0;
    right: 0
}

.cart_wrap:after {
    content: "购物车";
    font-size: 12px;
    height: 12px;
    line-height: 12px;
    color: #666;
    position: absolute;
    top: 36px;
    left: 6px;
    width: 40px;
    text-align: center
}

.cart_wrap .i_cart {
    display: block;
    width: 25px;
    height: 25px;
    margin: 8px auto 6px;
    background-position: 0 -175px
}

.cart_wrap .i_cart[num]:after {
    content: attr(num);
    display: inline-block;
    position: absolute;
    background: #e4393c;
    border-radius: 6px;
    font-size: 10px;
    color: #fff;
    padding: 1px 2px;
    line-height: 1.1;
    text-align: center;
    right: 10px;
    top: 2px;
    min-width: .9em;
    font-weight: 700
}

.cart_wrap .add_num {
    position: absolute;
    padding: 2px 3px;
    color: #e4393c;
    font-weight: 700;
    top: -10px;
    left: 15px;
    display: none;
    font-size: 18px
}

.cart_wrap .add_num.show {
    display: block;
    opacity: 0;
    -webkit-animation: add_num 2s
}

@-webkit-keyframes add_num {
    0% {
        top: -10px;
        opacity: 1
    }
    50% {
        top: -20px;
        opacity: 1
    }
    100% {
        top: -20px;
        opacity: 0
    }
}

.de_btn_wrap .fav_on .icon_fav,
.de_btn_wrap .icon_fav {
    background: url(//wq.360buyimg.com/fd/base/img/detail/footbar.png?v3) no-repeat;
    background-size: 100%;
    background-size: 25px 130px
}

.de_btn_wrap .icon_fav {
    background-position: 0 -35px
}

.de_btn_wrap .fav_on .icon_fav {
    background-position: 0 -70px
}

.de_btn_wrap {
    position: relative;
    z-index: 21
}

.de_btn_wrap.fixed {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 540px;
    margin: 0 auto
}

.de_btn_wrap .de_btn_bar {
    background-color: #fff;
    position: relative;
    height: 50px
}

.de_btn_wrap .de_btn_bar:before {
    z-index: 2
}

.de_btn_wrap .icon_btn {
    width: 14%;
    position: relative;
    text-align: center;
    cursor: pointer;
    display: block;
    min-width: 4em;
    -webkit-user-select: none
}

.de_btn_wrap .icon_btn .icon {
    display: block;
    width: 20px;
    height: 25px;
    margin: 5px auto 0;
    position: relative
}

.de_btn_wrap .icon_btn .icon .num {
    position: absolute;
    top: 0;
    left: 100%;
    display: inline-block;
    background: #fff;
    color: #e4393c;
    font-size: 7px;
    margin-left: -10px;
    line-height: 9px;
    border: 1px solid #e4393c;
    border-radius: 10px;
    padding: 1px 3px;
    font-weight: 700
}

.de_btn_wrap .icon_btn .txt {
    font-size: 9px;
    color: #262626;
    display: block;
    line-height: 9px;
    margin-top: 6px
}

.de_btn_wrap .fav_on .txt {
    color: #ff9600
}

.de_btn_wrap .icon_dong .icon {
    background: url() 50% no-repeat;
    background-size: auto 20px
}

.de_btn_wrap .icon_shop .icon {
    background: url() 50% no-repeat;
    background-size: auto 20px
}

.de_btn_wrap .icon_cart .icon {
    background: url() 50% no-repeat;
    background-size: auto 20px
}

.de_btn_wrap .icon_print .icon {
    background: url() 50% no-repeat;
    background-size: auto 20px
}

.de_btn_wrap .icon_medicine_list .icon {
    background: url() 50% no-repeat;
    background-size: auto 20px
}

.de_btn_wrap .icon_favour .icon {
    width: 25px;
    background: url(//wq.360buyimg.com/fd/base/img/detail/favour.png?20160512) 50% no-repeat;
    background-size: 25px 60px;
    background-position: 0 -35px
}

.de_btn_wrap .icon_favour.yes .icon {
    background-position: 0 0
}

.de_btn_wrap .btn_group {
    position: relative;
    height: 50px
}

.de_btn_wrap .btn {
    position: relative;
    z-index: 10;
    line-height: 38px;
    height: 38px;
    text-align: center;
    background-image: -webkit-linear-gradient(315deg, #f2140c, #f2270c 70%, #f24d0c);
    background-image: linear-gradient(135deg, #f2140c, #f2270c 70%, #f24d0c);
    color: #fff;
    font-size: 13px;
    border-radius: 21px;
    margin: 6px 5px 0 0;
    box-sizing: border-box;
    padding: 0 10px;
    cursor: pointer;
    -webkit-user-select: none
}

.de_btn_wrap .btn:active {
    background-image: -webkit-linear-gradient(315deg, #f2140c, #f2270c 70%, #f24d0c);
    background-image: linear-gradient(135deg, #f2140c, #f2270c 70%, #f24d0c)
}

.de_btn_wrap .btn span.txt {
    font-size: 13px;
    font-weight: 700
}

.de_btn_wrap .btn.btn_plus {
    color: #ffe678;
    background: #172047
}

.de_btn_wrap .btn.btn_plus:active {
    background: #172047
}

.de_btn_wrap .btn_share_orange {
    background: #ff8c42
}

.de_btn_wrap .btn_share_orange:active {
    background: #ff8c42
}

.de_btn_wrap .btn_orange {
    background-image: -webkit-linear-gradient(315deg, #ffba0d, #ffc30d 69%, #ffcf0d);
    background-image: linear-gradient(135deg, #ffba0d, #ffc30d 69%, #ffcf0d)
}

.de_btn_wrap .btn_orange:active {
    background: -webkit-linear-gradient(312deg, #ffa600, #ffb000 77%, #ffbc00);
    background: linear-gradient(138deg, #ffa600, #ffb000 77%, #ffbc00)
}

.de_btn_wrap .btn_blue {
    background: #3985ff
}

.de_btn_wrap .btn_blue:active {
    background: #2972e6
}

.de_btn_wrap .btn_yellow {
    color: #333;
    background: #f0c532
}

.de_btn_wrap .btn_yellow:active {
    background: #f0c532
}

.de_btn_wrap .btn_black {
    color: #fff;
    background: #333
}

.de_btn_wrap .btn_black:active {
    background: #333
}

.de_btn_wrap .btn_art {
    background: -webkit-linear-gradient(312deg, #ffa600, #ffb000 77%, #ffbc00);
    background: linear-gradient(138deg, #ffa600, #ffb000 77%, #ffbc00)
}

.de_btn_wrap .btn_art:active {
    background: -webkit-linear-gradient(312deg, #ffa600, #ffb000 77%, #ffbc00);
    background: linear-gradient(138deg, #ffa600, #ffb000 77%, #ffbc00)
}

.de_btn_wrap .btn_m_red {
    background-image: -webkit-linear-gradient(315deg, #f2140c, #f2270c 70%, #f24d0c);
    background-image: linear-gradient(135deg, #f2140c, #f2270c 70%, #f24d0c)
}

.de_btn_wrap .btn_m_red:active {
    background-image: -webkit-linear-gradient(315deg, #f2140c, #f2270c 70%, #f24d0c);
    background-image: linear-gradient(135deg, #f2140c, #f2270c 70%, #f24d0c)
}

.de_btn_wrap .btn_disable {
    opacity: .3
}

.de_btn_wrap .btn_disable:active {
    opacity: .3
}

.de_btn_wrap .btn_disable.btn_buy {
    opacity: .3
}

.de_btn_wrap .notice {
    background: #fbf9da;
    color: #de6a1c;
    text-align: center;
    padding: 10px 0;
    line-height: 16px
}

.de_btn_wrap .price {
    font-size: 12px;
    margin: 10px 0 -14px
}

.de_btn_wrap .price strong {
    font-size: 16px;
    font-weight: 400;
    margin-left: 2px
}

.de_btn_wrap .icon_btn.icon_cart .add_num,
.de_btn_wrap .icon_btn.icon_medicine_list .add_num {
    position: absolute;
    padding: 2px 3px;
    color: #e4393c;
    font-weight: 700;
    top: -10px;
    left: 15px;
    display: none;
    font-size: 18px;
    pointer-events: none;
    z-index: 30
}

.de_btn_wrap .icon_btn.icon_cart .add_num.show,
.de_btn_wrap .icon_btn.icon_medicine_list .add_num.show {
    display: block;
    opacity: 0;
    -webkit-animation: de_add_num 2s
}

@-webkit-keyframes de_add_num {
    0% {
        top: -10px;
        opacity: 1
    }
    50% {
        top: -25px;
        opacity: 1
    }
    100% {
        top: -25px;
        opacity: 0
    }
}

.detail_extra+.mod_tab_gap {
    display: none
}

.detail_cmd .tit {
    font-size: 16px;
    color: #333;
    padding: 10px 10px 0;
    margin-bottom: 5px
}

.detail_cmd .mod_tab {
    margin-top: -1px
}

.detail_cmd .bd {
    position: relative;
    overflow: hidden;
    background: #fff;
    -webkit-transform: translate3d(0, 0, 0)
}

.detail_cmd .inner {
    position: relative;
    -webkit-transform: translate3d(0, 0, 0)
}

.detail_cmd .itm_list {
    position: absolute;
    top: 200%;
    left: 0;
    height: 100%;
    background: #fff
}

.detail_cmd .itm_list:first-child {
    position: relative;
    height: auto;
    top: 0
}

.detail_cmd .itm_list:nth-child(1) {
    top: 0;
    left: 0
}

.detail_cmd .itm_list:nth-child(2) {
    top: 0;
    left: 100%
}

.detail_cmd .itm_list:nth-child(3) {
    top: 0;
    left: 200%
}

.detail_cmd .itm_list:nth-child(4) {
    top: 0;
    left: 300%
}

.detail_cmd .itm_list:nth-child(5) {
    top: 0;
    left: 400%
}

.detail_cmd .itm_list:nth-child(6) {
    top: 0;
    left: 500%
}

.detail_cmd .itm_list:nth-child(7) {
    top: 0;
    left: 600%
}

.detail_cmd .itm_list:nth-child(8) {
    top: 0;
    left: 700%
}

.detail_cmd .itm_list:nth-child(9) {
    top: 0;
    left: 800%
}

.detail_cmd .itm_list:nth-child(10) {
    top: 0;
    left: 900%
}

.detail_cmd .bar_wrap {
    position: relative;
    bottom: 0;
    width: 100%;
    height: 24px;
    z-index: 20
}

.detail_cmd .bar {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%)
}

.detail_cmd .bar li {
    float: left;
    display: inline-block;
    margin: 5px 3px;
    width: 4px;
    height: 4px;
    background: #000;
    opacity: .2;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0 0 1px 1px #fff
}

.detail_cmd .bar li.cur {
    opacity: .5;
    width: 8px
}

.itm_list {
    width: 100%;
    padding-left: 10px;
    box-sizing: border-box
}

.itm_list .item {
    float: left;
    width: 33.3%;
    padding-right: 10px;
    font-size: 12px;
    padding-bottom: 10px;
    height: 152px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box
}

.itm_list .img {
    overflow: hidden;
    position: relative;
    width: 93px;
    margin: 0 auto;
    margin-bottom: 3px;
    height: 93px
}

.itm_list .img img {
    width: 100%;
    display: block
}

.itm_list .txt {
    height: 30px;
    line-height: 15px;
    overflow: hidden;
    max-width: 93px;
    margin: 0 auto
}

.itm_list .info {
    overflow: hidden;
    max-width: 93px;
    margin: 0 auto
}

.itm_list .num {
    color: #e4393c
}

.itm_list .num:before {
    display: inline-block;
    content: "￥";
    vertical-align: middle;
    margin: -2px 0
}

.detail_info_hd .mod_tab {
    position: relative;
    top: 0;
    z-index: 1
}

.detail_info_hd .mod_tab span {
    width: 33%
}

.detail_info_hd .mod_fix_wrap {
    height: 42px
}

.detail_info_wrap {
    height: 400px;
    overflow: hidden;
    position: relative;
    background: #fff;
    margin-bottom: 56px
}

.detail_info_wrap .detail_list {
    width: 100%
}

.detail_info_wrap .detail_item {
    padding: 10px;
    width: 100%;
    position: absolute;
    top: 0;
    overflow: hidden
}

.detail_info_wrap .detail_item:nth-child(1) {
    left: 0
}

.detail_info_wrap .detail_item:nth-child(2) {
    left: 100%
}

.detail_info_wrap .detail_item:nth-child(3) {
    left: 200%
}

.detail_info_wrap .detail_item:nth-child(4) {
    left: 300%
}

.detail_info_wrap .detail_item:nth-child(5) {
    left: 400%
}

.detail_info_wrap .detail_item img {
    display: block;
    max-width: 100%;
    -webkit-user-select: none;
    user-select: none
}

.detail_info_wrap .detail_item table {
    max-width: 100%;
    width: auto
}

.detail_info_wrap .detail_item table div {
    width: auto
}

.detail_info_wrap .detail_item .param_table {
    width: 100%;
    margin-bottom: 10px;
    border-collapse: collapse;
    font-size: 12px;
    border-spacing: 0;
    line-height: 18px
}

.detail_info_wrap .detail_item .param_table td,
.detail_info_wrap .detail_item .param_table th {
    padding: 8px;
    border: 1px solid #dadada;
    text-align: left
}

.detail_info_wrap .detail_item .param_table td:first-child {
    width: 72px
}

.detail_info_wrap .detail_item .param_table td:last-child {
    word-break: break-all
}

.detail_info_wrap .detail_item .param_tit {
    background: #dedede;
    font-weight: 400;
    font-size: 14px
}

.detail_info_wrap .detail_item .mod_row {
    font-size: 12px;
    word-break: break-all
}

.detail_info_wrap .detail_item>div {
    -webkit-transform: translateX(0)
}

.detail_info_wrap .detail_item.p_desc img {
    display: inline;
    max-width: none !important
}

.detail_info_wrap .detail_item.p_desc table {
    max-width: none !important
}

.detail_info_wrap .detail_item.p_desc .p_desc_ptitle {
    position: relative;
    margin: 3px 0
}

.detail_info_wrap .detail_item.p_desc .p_desc_ptitle .p_desc_ptitle_text {
    position: relative;
    z-index: 1;
    margin: 0 auto;
    padding: 0 15px;
    display: block;
    width: -webkit-fit-content;
    width: fit-content;
    background-color: #fff
}

.detail_info_wrap .detail_item.p_desc .p_desc_ptitle::before {
    top: 50%
}

.detail_info_wrap .detail_item.p_desc .detail_pc.strong_link a {
    color: #e4393c
}

.detail_info_wrap .detail_item.p_cmt a {
    color: #e4393c
}

.detail_info_wrap .detail_pc {
    overflow: hidden;
    display: table;
    word-wrap: break-word;
    word-break: break-all
}

.detail_info_wrap img {
    display: block;
    max-width: 100%;
    -webkit-user-select: none;
    user-select: none
}

.detail_info_wrap .reminder {
    padding: 5px 10px;
    font-size: 14px;
    color: #333;
    letter-spacing: 0;
    line-height: 21px
}

.p_desc .bar_wrap {
    width: 100%;
    height: 18px;
    position: absolute;
    bottom: 5px;
    left: 0;
    right: 0;
    z-index: 20;
    text-align: center
}

.p_desc object {
    display: none
}

.p_desc .bar {
    display: inline-block;
    padding: 0 4px;
    min-width: 58px;
    height: 18px;
    overflow: hidden;
    text-align: center;
    border-radius: 10px
}

.p_desc .bar li {
    display: inline-block;
    margin: 5px 3px;
    width: 8px;
    height: 8px;
    background: #000;
    opacity: .3;
    border-radius: 5px;
    cursor: pointer;
    box-shadow: 0 0 1px 1px #fff
}

.p_desc .bar li.cur {
    opacity: 1;
    background: #000
}

.p_desc .warning_text {
    padding: 7px 10px;
    font-size: 12px;
    color: #d3820f;
    background-color: #fff2ca
}

.layer_detail_full {
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 30;
    width: 100%;
    height: 100%;
    background: #fff
}

.layer_detail_full img {
    display: block;
    max-width: 100%;
    width: auto !important;
    height: auto !important;
    -webkit-user-select: none;
    user-select: none
}

.layer_detail_full table {
    max-width: 100% !important;
    width: auto !important
}

.layer_detail_full table div {
    width: auto !important
}

.layer_detail_full .layer_detail_wrap {
    overflow: auto;
    overflow-x: hidden
}

.layer_detail_full .layer_detail_wrap div {
    width: auto !important
}

.btn_full {
    display: block;
    height: 40px;
    line-height: 40px;
    margin: 10px 0;
    background: #f5f5f5;
    position: relative;
    text-align: center;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-transform: translateX(0)
}

.detail_full_tip {
    color: #999;
    text-align: center;
    font-size: 10px;
    line-height: 10px
}

.refer_area .size_table {
    position: relative;
    padding-left: 60px;
    text-align: center;
    font-size: 10px;
    margin: 15px 0
}

.refer_area .size_table:after {
    z-index: 1
}

.refer_area .size_table .table_header {
    position: absolute;
    top: 0;
    left: 0;
    width: 60px;
    background-color: #eee;
    box-shadow: 5px 0 10px 0 rgba(0, 0, 0, .1);
    z-index: 1
}

.refer_area .size_table .table_header li {
    height: 28px;
    line-height: 28px;
    position: relative
}

.refer_area .size_table .table_header li:first-child {
    height: 38px;
    line-height: 38px
}

.refer_area .size_table .table_header li:last-child:after {
    display: none
}

.refer_area .size_table .table_body {
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

.refer_area .size_table .table_body table {
    min-width: 100%;
    height: 100%;
    white-space: nowrap
}

.refer_area .size_table .table_body table .exp {
    min-width: 135px
}

.refer_area .size_table .table_body table td,
.refer_area .size_table .table_body table th {
    vertical-align: middle;
    position: relative
}

.refer_area .size_table .table_body table td:last-child:before,
.refer_area .size_table .table_body table th:last-child:before {
    display: none
}

.refer_area .size_table .table_body table td .cm,
.refer_area .size_table .table_body table th .cm {
    display: block;
    line-height: 1
}

.refer_area .size_table .table_body table tr:last-child td:after {
    display: none
}

.refer_area .size_table .table_body table thead {
    background-color: #eee
}

.refer_area .size_table .table_body table thead th {
    font-weight: 400;
    padding: 0 14px;
    height: 38px
}

.refer_area .size_table .table_body table tbody td {
    height: 28px
}

.sku_size_adv {
    height: 45px;
    position: relative;
    margin-bottom: 10px
}

.sku_size_adv h3 {
    padding: 6px 0;
    line-height: 1.3;
    height: 30px
}

.sku_size_adv p {
    margin-left: 33px;
    background: #f7f6f5;
    padding: 5px;
    line-height: 1.3;
    padding-right: 60px;
    min-height: 30px
}

.sku_size_adv .size_help {
    position: absolute;
    display: block;
    line-height: 1.3;
    top: 0;
    right: 0;
    padding: 6px;
    color: #666
}

.sku_size_adv .size_help:after {
    content: "";
    width: 6px;
    height: 6px;
    display: inline-block;
    border-top: 1px solid #666;
    border-right: 1px solid #666;
    margin-top: -2px;
    vertical-align: middle;
    -webkit-transform: rotate(45deg)
}

.fitting_list,
.promo_list {
    border-bottom: 1px solid #ddd;
    padding-bottom: 15px
}

.fitting_list h3,
.promo_list h3 {
    padding: 15px 10px;
    color: #333
}

.promo_list li {
    margin: 0 10px;
    margin-bottom: 1px;
    padding: 10px 0 10px 80px;
    position: relative;
    background-color: #f3f3f3
}

.promo_list .hl_red {
    font-size: 12px
}

.promo_list .hl_red_bg {
    background-color: #e4393c;
    color: #fff;
    font-size: 12px;
    border-radius: 3px;
    line-height: 16px;
    height: 16px;
    padding: 0 3px;
    position: absolute;
    top: 12px;
    left: 10px
}

.fitting_list li {
    background-color: #f3f3f3;
    margin: 0 10px;
    padding: 10px 10px 10px 70px;
    margin-bottom: 1px;
    position: relative;
    min-height: 50px
}

.fitting_list .photo {
    width: 50px;
    height: 50px;
    position: absolute;
    top: 10px;
    left: 10px
}

.fitting_list .fn {
    font-size: 12px;
    width: 80%;
    overflow: hidden;
    height: 50px;
    line-height: 25px
}

.fitting_list .sum {
    color: #666;
    position: absolute;
    right: 10px;
    top: 10px;
    line-height: 50px
}

.detail_prom_tag {
    line-height: 20px
}

.detail_prom_tag .tit {
    line-height: 24px
}

.detail_prom_tag .tag {
    line-height: 24px
}

.detail_prom_tag .hl_red {
    font-size: 12px;
    line-height: 20px;
    color: #999
}

.de_prom_page {
    background-color: #fff;
    min-height: 800px;
    padding-bottom: 40px
}

.de_pm_list .item {
    position: relative
}

.de_pm_list .de_row {
    position: relative;
    display: block;
    min-height: 75px;
    padding-left: 85px
}

.de_pm_list .de_row:before {
    right: -10px
}

.de_pm_list .img {
    position: absolute;
    left: 0;
    top: 10px;
    width: 75px;
    height: 75px;
    margin-right: 10px;
    overflow: hidden
}

.de_pm_list .img img {
    width: 100%
}

.de_pm_list .desc {
    color: #666
}

.de_pm_list .name {
    font-size: 14px;
    color: #333
}

.de_pm_list .price {
    color: #e4393c;
    font-size: 14px;
    margin-top: 4px
}

.de_pm_list .de_point {
    width: 25px;
    position: relative
}

.de_pm_list .de_point .icon_point {
    right: 0
}

.de_pm_list .sku_select {
    position: relative;
    background-color: #fff;
    font-size: 12px;
    color: #666;
    margin-top: 7px;
    padding: 6px 25px 6px 5px;
    border-radius: 2px
}

.de_pm_list .sku_select::before {
    border-radius: 2px
}

@media only screen and (-webkit-min-device-pixel-ratio:2) {
    .de_pm_list .sku_select::before {
        border-radius: 4px
    }
}

.de_pm_list .sku_select:after {
    width: 8px;
    height: 8px;
    right: 6px;
    margin-top: -7px
}

.de_pm_list .sku_select.disabled {
    padding-right: 5px
}

.de_pm_list .sku_select.disabled:after,
.de_pm_list .sku_select.disabled:before {
    display: none
}

.de_pm_list .sku {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    color: #666
}

.de_ps_list {
    padding-bottom: 15px
}

.de_ps_list .item {
    display: block;
    position: relative;
    float: left
}

.de_ps_list .img {
    width: 75px;
    height: 75px;
    margin-right: 10px;
    overflow: hidden
}

.de_ps_list .img img {
    width: 100%
}

.de_ps_list .name {
    color: #666
}

.detail_prom_cart {
    padding: 10px 0
}

.detail_prom_cart .de_row {
    position: relative;
    padding: 0
}

.detail_prom_cart .de_row::before {
    display: none
}

.detail_prom_cart .de_row::after {
    border-color: #eee
}

.detail_prom_cart .cost {
    font-size: 12px;
    padding: 10px
}

.detail_prom_cart .cost .price {
    color: #e4393c;
    margin: 0 4px
}

.detail_prom_cart .cost .price_old {
    text-decoration: line-through
}

.detail_prom_cart .cost .price_row {
    font-size: 12px
}

.detail_prom_cart .action {
    width: 120px
}

.detail_prom_cart .action .de_btn_row {
    position: absolute;
    top: 50%;
    margin-top: -25px;
    width: 120px;
    right: 10px
}

.de_prom_page_box .de_point {
    width: 25px
}

.de_prom_page_box .de_point .icon_point {
    right: 0
}

.de_prom_page_box .de_prom_page_tit {
    line-height: 24px;
    position: relative;
    z-index: 1;
    background-color: #fff
}

.de_prom_page_box .de_prom_page_tit .cost {
    padding: 0 10px
}

.de_prom_page_box .de_prom_page_tit .cost .price {
    color: #e4393c
}

.de_prom_page_box {
    overflow: hidden
}

.de_prom_page_tips {
    margin-left: 72px;
    padding: 12px 10px;
    color: #333;
    background-color: #f2f2f7
}

.de_serve_info_panel .icon_1_1,
.de_serve_info_panel .icon_1_2,
.de_serve_info_panel .icon_1_3,
.de_serve_info_panel .icon_1_4,
.de_serve_info_panel .icon_1_5,
.de_serve_info_panel .icon_1_6,
.de_serve_info_panel .icon_2_1,
.de_serve_info_panel .icon_2_2,
.de_serve_info_panel .icon_2_3,
.de_serve_info_panel .icon_2_4,
.de_serve_info_panel .icon_3_1,
.de_serve_info_panel .icon_3_2,
.de_serve_info_panel .icon_3_3,
.de_serve_info_panel .icon_4_1,
.de_serve_info_panel .step .step_item:after,
.de_serve_info_panel .step_add .step_item:after {
    background: url(//wq.360buyimg.com/fd/base/img/detail/icon_dm.png?v3) no-repeat;
    background-size: 100%;
    background-size: 30px 610px
}

.de_serve_info_panel .icon_1_1 {
    background-position: 0 -540px
}

.de_serve_info_panel .icon_1_2 {
    background-position: 0 -300px
}

.de_serve_info_panel .icon_1_3 {
    background-position: 0 -60px
}

.de_serve_info_panel .icon_1_4 {
    background-position: 0 -100px
}

.de_serve_info_panel .icon_1_5 {
    background-position: 0 -140px
}

.de_serve_info_panel .icon_1_6 {
    background-position: 0 -180px
}

.de_serve_info_panel .icon_2_1 {
    background-position: 0 -220px
}

.de_serve_info_panel .icon_2_2 {
    background-position: 0 -260px
}

.de_serve_info_panel .icon_2_3 {
    background-position: 0 -580px
}

.de_serve_info_panel .icon_2_4 {
    background-position: 0 -340px
}

.de_serve_info_panel .icon_3_1 {
    background-position: 0 -380px
}

.de_serve_info_panel .icon_3_2 {
    background-position: 0 -420px
}

.de_serve_info_panel .icon_3_3 {
    background-position: 0 -460px
}

.de_serve_info_panel .icon_4_1 {
    background-position: 0 -500px
}

.de_serve_info_panel .step_add .step_item:after {
    background-position: 0 -30px
}

.de_serve_info_panel .step .step_item:after {
    background-position: 0 0
}

.de_serve_info_panel .hd {
    padding: 15px 0
}

.de_serve_info_panel .hd .tit {
    text-align: center;
    font-size: 16px;
    color: #333;
    font-weight: 700
}

.de_serve_info_panel .bd {
    color: #333;
    padding: 0 10px
}

.de_serve_info_panel .section {
    margin-bottom: 20px;
    padding-bottom: 10px;
    border-bottom: 1px solid #ddd
}

.de_serve_info_panel .section .tit {
    font-weight: 700;
    font-size: 12px;
    margin-top: 10px;
    margin-bottom: 10px
}

.de_serve_info_panel .section .tit:before {
    content: "";
    display: inline-block;
    width: 2px;
    height: 14px;
    background: #6a77b6;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px
}

.de_serve_info_panel .list li {
    padding-left: 25px;
    margin-bottom: 10px
}

.de_serve_info_panel .list li .num {
    color: #6a77b6;
    font-size: 14px;
    vertical-align: middle;
    margin-left: -25px;
    width: 25px;
    display: inline-block;
    margin-top: -2px
}

.de_serve_info_panel .list li .tip {
    color: #999
}

.de_serve_info_panel .step {
    padding-top: 10px
}

.de_serve_info_panel .step .step_item {
    display: inline-block;
    height: 70px;
    vertical-align: top;
    text-align: center;
    font-size: 10px;
    line-height: 1.4;
    width: 60px;
    position: relative;
    color: #666;
    margin-right: -4px
}

.de_serve_info_panel .step .step_item span {
    display: block;
    margin: 0 auto;
    width: 52px
}

.de_serve_info_panel .step .step_item i {
    display: block;
    width: 30px;
    height: 30px;
    margin: 0 auto;
    margin-bottom: 5px
}

.de_serve_info_panel .step .step_item:after {
    content: "";
    display: block;
    width: 20px;
    height: 20px;
    position: absolute;
    top: 5px;
    right: -10px
}

.de_serve_info_panel .step .step_item:last-child {
    margin-right: -15px
}

.de_serve_info_panel .step .step_item:last-child:after {
    content: none
}

.de_serve_info_panel .step.col_6 .step_item {
    min-width: 54px;
    width: 16.6%
}

.de_serve_info_panel .step_point .step_item:first-child {
    margin-left: -12px
}

.de_serve_info_panel .row {
    margin-bottom: 10px
}

.de_serve_info_panel .row.tip {
    font-size: 10px;
    color: #999
}

.detail_pstore {
    padding: 0
}

.detail_pstore .de_row {
    line-height: 24px
}

.detail_pstore .de_row .icon_point {
    display: none
}

.detail_pstore .de_span.info {
    padding-right: 20px
}

.detail_pstore .de_span.info .enter {
    position: absolute;
    right: 0;
    padding-right: 20px;
    color: #999;
    width: 20px;
    height: 24px
}

.detail_pstore .de_span.info .enter::after {
    content: "";
    right: 0
}

.de_it_list {
    padding-top: 5px
}

.de_it_list .icon {
    width: 20px;
    height: 20px;
    display: inline-block;
    background: #f3f3f3;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px
}

.de_it_list .item {
    padding: 0;
    margin-bottom: 5px;
    line-height: 1.5
}

.de_it_list .item:before {
    content: none
}

.de_it_list .icon_o_adds {
    background: url(//wq.360buyimg.com/fd/base/img/detail/icon/icon_o_adds.png?v3) no-repeat;
    background-size: 100%
}

.de_it_list .icon_o_phone {
    background: url(//wq.360buyimg.com/fd/base/img/detail/icon/icon_o_phone.png?v3) no-repeat;
    background-size: 100%
}

.detail_pstore_addr {
    margin-top: -10px
}

.detail_pstore_addr .de_row {
    line-height: 24px
}

.detail_pstore_addr .de_row:before {
    display: none
}

.itm_list .more_box {
    overflow: hidden;
    position: relative;
    width: 93px;
    margin: 0 auto;
    border: 1px solid #ddd;
    background: #f3f3f3;
    height: 143px;
    text-align: center
}

.itm_list .more_box .cover {
    height: 40px;
    padding-top: 20px
}

.itm_list .more_box .cover img {
    width: 30px;
    height: 30px
}

.itm_list .more_box .tit {
    font-size: 13px;
    color: #262626;
    height: 15px;
    font-weight: 700;
    line-height: 15px
}

.itm_list .more_box .tip {
    height: 15px;
    font-size: 10px;
    margin-bottom: 5px
}

.itm_list .more_box .go {
    width: 16px;
    height: 16px;
    margin: 0 auto;
    border: 1px solid #3985ff;
    border-radius: 10px;
    text-align: center
}

.itm_list .more_box .go:before {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    border-right: 1px solid #3985ff;
    border-bottom: 1px solid #3985ff;
    vertical-align: middle;
    -webkit-transform: rotate(-45deg);
    margin-top: -4px;
    margin-left: -1px
}

.itm_list .more_box .icon_arm {
    display: inline-block;
    width: 30px;
    height: 30px;
    background: #333;
    border-radius: 20px
}

@font-face {
    font-family: JDZhengHei-01-Bold;
    src: url(https://wq.360buyimg.com/data/ppms/others/JDZhengHei_01_Bold.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: JDZhengHT-EN-Regular;
    src: url(https://wq.360buyimg.com/data/ppms/others/JDZhengHei_01_Regular.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

@font-face {
    font-family: JDZhengHT-EN-Light;
    src: url(https://wq.360buyimg.com/data/ppms/others/JDZhengHT_EN_Light.ttf) format("truetype");
    font-weight: 400;
    font-style: normal
}

.de_c_red {
    color: #f2270c
}

body {
    background-color: #f2f2f2 !important;
    font-size: 14px
}

.item_floor {
    margin-top: 12px;
    padding: 0 18px;
    border-radius: 12px;
    background-color: #fff;
    overflow: hidden
}

.icon_point {
    top: 22px
}

.icon_point.icon_point_drop {
    background-position: -60px -35px
}

.icon_point.icon_point_up {
    background-position: -60px -35px;
    -webkit-transform: rotate(180deg)
}

.icon_point~.de_row {
    padding-right: 25px
}

.detail_decoration {
    margin-bottom: 0
}

.mod_tab {
    border: none;
    border-radius: 10px;
    height: 61px
}

.mod_tab .item {
    height: 61px;
    line-height: 13px;
    padding-top: 24px;
    border: none;
    color: #262626;
    font-size: 13px
}

.mod_tab .item.cur {
    position: relative;
    font-weight: 700;
    color: #262626
}

.mod_tab .item.cur::after {
    position: absolute;
    left: 50%;
    bottom: 15px;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    content: "";
    display: block;
    width: 26px;
    height: 3px;
    background-image: -webkit-gradient(linear, left top, right top, from(#f5503a), to(#fad1cb));
    background-image: -webkit-linear-gradient(left, #f5503a, #fad1cb);
    background-image: linear-gradient(90deg, #f5503a, #fad1cb)
}

.detail_cmd .bar li.cur {
    background-color: #f2270c
}

.bottom_fix_btn.bg_blue,
.de_btn_wrap.fixed,
.detail_bottom_blackBar,
.detail_realName,
.mod_fix_wrap .mod_tab,
body {
    max-width: 100000px !important
}

.mod_slider {
    max-width: 640px;
    max-height: 640px;
    margin: 0 auto
}

.mod_slider.mod_slider_viewer {
    max-width: unset;
    max-height: unset
}

#detail1 {
    max-width: 640px;
    margin: 0 auto
}

.overflowHide {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%
}

.detail_baitiao_main,
.detail_coupons_main,
.detail_kepler_return_main {
    position: fixed;
    top: 100%;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 110;
    background-color: rgba(0, 0, 0, .7)
}

.detail_baitiao_main:after,
.detail_coupons_main:after,
.detail_kepler_return_main:after {
    content: "";
    display: none;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #fff;
    height: constant(safe-area-inset-bottom);
    height: env(safe-area-inset-bottom)
}

.show.detail_baitiao_main:after,
.show.detail_coupons_main:after,
.show.detail_kepler_return_main:after {
    display: block
}

.show.detail_baitiao_main,
.show.detail_coupons_main,
.show.detail_kepler_return_main {
    top: 0
}

.show.detail_baitiao_main .main,
.show.detail_coupons_main .main,
.show.detail_kepler_return_main .main {
    position: absolute;
    -webkit-transform: translate3d(0, 0, 0);
    transform: translate3d(0, 0, 0)
}

.detail_baitiao_main .main,
.detail_coupons_main .main,
.detail_kepler_return_main .main {
    position: absolute;
    -webkit-transform: translate3d(0, 495px, 0);
    transform: translate3d(0, 495px, 0);
    -webkit-transition: -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    transition: -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    transition: transform .2s cubic-bezier(0, 0, .25, 1);
    transition: transform .2s cubic-bezier(0, 0, .25, 1), -webkit-transform .2s cubic-bezier(0, 0, .25, 1);
    bottom: 0;
    bottom: constant(safe-area-inset-bottom);
    bottom: env(safe-area-inset-bottom);
    width: 100%;
    min-height: 375px;
    max-height: 475px;
    background-color: #fff;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    overflow: hidden
}

.detail_baitiao_main .header,
.detail_coupons_main .header,
.detail_kepler_return_main .header {
    position: relative;
    height: 46px;
    line-height: 46px;
    padding-left: 10px;
    font-size: 16px;
    color: #333;
    text-align: center;
    font-weight: 700
}

.detail_baitiao_main .header .close,
.detail_coupons_main .header .close,
.detail_kepler_return_main .header .close {
    position: absolute;
    top: 0;
    right: 0;
    width: 32px;
    height: 44px
}

.detail_baitiao_main .header .close:after,
.detail_coupons_main .header .close:after,
.detail_kepler_return_main .header .close:after {
    content: "";
    position: absolute;
    top: 15px;
    right: 8px;
    width: 15px;
    height: 15px;
    background-image: url();
    background-size: cover
}

.detail_baitiao_main .body,
.detail_coupons_main .body,
.detail_kepler_return_main .body {
    max-height: 429px;
    overflow: auto;
    -webkit-overflow-scrolling: touch
}

body {
    font-size: 12px
}

@-webkit-keyframes myfirst {
    0% {
        top: -3px;
        left: 15px;
        opacity: .1
    }
    10% {
        top: -5px;
        left: 17px;
        opacity: .2
    }
    20% {
        top: -7px;
        left: 19px;
        opacity: .4
    }
    30% {
        top: -9px;
        left: 21px;
        opacity: .6
    }
    40% {
        top: -11px;
        left: 22px;
        opacity: .8
    }
    50% {
        top: -13px;
        left: 23px;
        opacity: 1
    }
    60% {
        top: -15px;
        left: 24px;
        opacity: .8
    }
    70% {
        top: -17px;
        left: 25px;
        opacity: .6
    }
    80% {
        top: -19px;
        left: 26px;
        opacity: .4
    }
    90% {
        top: -21px;
        left: 27px;
        opacity: .2
    }
    to {
        top: -22px;
        left: 28px;
        opacity: .1
    }
}

@keyframes myfirst {
    0% {
        top: -3px;
        left: 15px;
        opacity: .1
    }
    10% {
        top: -5px;
        left: 17px;
        opacity: .2
    }
    20% {
        top: -7px;
        left: 19px;
        opacity: .4
    }
    30% {
        top: -9px;
        left: 21px;
        opacity: .6
    }
    40% {
        top: -11px;
        left: 22px;
        opacity: .8
    }
    50% {
        top: -13px;
        left: 23px;
        opacity: 1
    }
    60% {
        top: -15px;
        left: 24px;
        opacity: .8
    }
    70% {
        top: -17px;
        left: 25px;
        opacity: .6
    }
    80% {
        top: -19px;
        left: 26px;
        opacity: .4
    }
    90% {
        top: -21px;
        left: 27px;
        opacity: .2
    }
    to {
        top: -22px;
        left: 28px;
        opacity: .1
    }
}

.de_safe_list .cover {
    width: 20px;
    text-align: right;
    padding-right: 10px
}

.de_safe_list .cover .icon {
    display: inline-block;
    width: 20px;
    height: 20px;
    border-radius: 10px
}

.de_safe_list .item {
    margin-bottom: 10px
}

.de_safe_list .name {
    font-size: 14px;
    color: #f2270c
}

.de_safe_list .con {
    font-size: 10px
}

.de_safe_list .icon_ZP {
    background: url(//wq.360buyimg.com/fd/base/img/detail/icon/iconZP.png?v3) no-repeat;
    background-size: 100%
}

.de_safe_list .icon_LB {
    background: url(//wq.360buyimg.com/fd/base/img/detail/icon/iconLB.png?v3) no-repeat;
    background-size: 100%
}

.de_safe_list .icon_WY {
    background: url(//wq.360buyimg.com/fd/base/img/detail/icon/iconWY.png?v3) no-repeat;
    background-size: 100%
}

.cm_list {
    padding-left: 10px
}

.cm_list .item {
    float: left;
    width: 50%;
    margin-bottom: 10px
}

.cm_list .url {
    display: block;
    margin-right: 10px;
    border: 1px solid #eee;
    padding: 10px 10px 5px
}

.cm_list .img {
    padding-top: 100%;
    height: 0;
    overflow: hidden
}

.cm_list .img img {
    margin-top: -100%;
    width: 100%
}

.cm_list .info {
    height: 65px
}

.cm_list .name {
    line-height: 18px;
    padding-top: 5px;
    margin-bottom: 4px;
    height: 35px
}

.cm_list .price {
    color: #f2270c
}

.hl_yellow_bg {
    display: block;
    text-align: center;
    padding: 0 8px;
    background: #ff9600;
    color: #fff;
    margin-right: 6px;
    font-size: 12px;
    line-height: 16px
}

.refer_area {
    position: relative;
    margin-bottom: 15px;
    background-color: #fff
}

.refer_area {
    overflow: hidden
}

.refer_area .tit {
    margin: 15px 0;
    font-size: 12px;
    text-align: center
}

.refer_area .tips {
    color: #999;
    font-size: 10px;
    text-align: center;
    margin: 15px 0
}

.sku.sku_size_adv {
    padding: 0
}

.sku.sku_size_adv h3 {
    top: 19px
}

.sku.sku_size_adv .link {
    color: #3985ff;
    margin: 0 10px
}

.sku.sku_size_adv .link:after {
    content: "";
    display: inline-block;
    width: 5px;
    height: 5px;
    line-height: 5px;
    vertical-align: middle;
    margin-top: -2px;
    border-top: 1px solid #3985ff;
    border-right: 1px solid #3985ff;
    -webkit-transform: rotate(45deg)
}

.itm_list .more_box .icon_more {
    margin: 40px auto 5px;
    display: block;
    width: 47px;
    height: 27px
}

.itm_list .more_box .desc {
    line-height: 1;
    color: #1a1c28;
    font-size: 12px;
    text-align: center;
    font-weight: 700
}

.itm_list .more_box .icon_go {
    display: block;
    margin: 10px auto 0;
    width: 15px;
    height: 15px
}

.detail_cmd_tab {
    position: relative;
    height: 40px;
    text-align: center;
    background: #fff;
    color: #262626
}

.detail_cmd_tab .tab_item {
    position: relative;
    font-size: 13px;
    height: 40px;
    line-height: 40px
}

.detail_cmd_tab .tab_item.cur {
    font-weight: 700
}

.detail_cmd_tab .tab_item.cur:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    transform: translate(-50%, 0);
    -webkit-transform: translate(-50%, 0);
    width: 26px;
    height: 3px;
    background-image: -webkit-gradient(linear, left top, right top, from(#f5503a), to(#fad1cb));
    background-image: -webkit-linear-gradient(left, #f5503a, #fad1cb);
    background-image: linear-gradient(90deg, #f5503a, #fad1cb)
}

.detail_cmd .coll_furns,
.detail_cmd .wei_sub_colls {
    position: absolute;
    width: 100%
}

.detail_cmd .coll_furns:nth-child(1),
.detail_cmd .wei_sub_colls:nth-child(1) {
    top: 0;
    left: 0;
    position: relative
}

.detail_cmd .coll_furns:nth-child(2),
.detail_cmd .wei_sub_colls:nth-child(2) {
    top: 0;
    left: 100%
}

.detail_cmd .coll_furns:nth-child(3),
.detail_cmd .wei_sub_colls:nth-child(3) {
    top: 0;
    left: 200%
}

.detail_cmd .coll_furns:nth-child(4),
.detail_cmd .wei_sub_colls:nth-child(4) {
    top: 0;
    left: 300%
}

.detail_cmd .coll_furns:nth-child(5),
.detail_cmd .wei_sub_colls:nth-child(5) {
    top: 0;
    left: 400%
}

.detail_cmd .coll_furns:nth-child(6),
.detail_cmd .wei_sub_colls:nth-child(6) {
    top: 0;
    left: 500%
}

.detail_cmd .coll_furns:nth-child(7),
.detail_cmd .wei_sub_colls:nth-child(7) {
    top: 0;
    left: 600%
}

.detail_cmd .coll_furns:nth-child(8),
.detail_cmd .wei_sub_colls:nth-child(8) {
    top: 0;
    left: 700%
}

.detail_cmd .coll_furns:nth-child(9),
.detail_cmd .wei_sub_colls:nth-child(9) {
    top: 0;
    left: 800%
}

.detail_cmd .coll_furns:nth-child(10),
.detail_cmd .wei_sub_colls:nth-child(10) {
    top: 0;
    left: 900%
}

.detail_cmd .wei_sub_colls .coll_grid li {
    margin-bottom: 0
}

.detail_cmd .coll_furns li {
    margin-bottom: 0
}

.mod_alert .title {
    margin-bottom: 15px
}

.mod_alert .verify_inputs {
    margin: 15px 0 10px
}

.mod_alert .verify_inputs .verify_input {
    margin: 2px 0
}

.mod_alert .verify_input {
    position: relative;
    margin: 10px 0;
    padding: 0 90px 0 10px;
    background-color: #f7f7f7
}

.mod_alert .verify_input.type_no_padding {
    padding-right: 10px
}

.mod_alert .verify_input .input {
    padding: 7px 0;
    width: 100%;
    height: 30px;
    border: none;
    -webkit-appearance: none;
    color: #333;
    background-color: #f7f7f7;
    font-size: 14px
}

.mod_alert .verify_input .input.warning {
    color: #f2270c
}

.mod_alert .verify_input .input::-webkit-input-placeholder {
    color: #ccc
}

.mod_alert .verify_input .input:focus::-webkit-input-placeholder {
    color: #ccc
}

.mod_alert .verify_input .wrap {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 80px;
    padding-top: 40px
}

.mod_alert .verify_input .wrap img {
    position: absolute;
    top: 0;
    right: 0;
    width: 80px;
    height: 40px;
    border-radius: 2px
}

.mod_alert .verify_input .verify_input_btn {
    position: absolute;
    right: 2px;
    top: 2px;
    width: 80px;
    height: 40px;
    line-height: 40px;
    border-radius: 2px;
    text-align: center;
    font-size: 12px;
    color: #fff;
    background-color: #f2270c
}

.mod_alert .verify_input .verify_input_btn.type_disabled {
    color: #999;
    background-color: #e8e8ed
}

.mod_alert .warn_text {
    display: none;
    color: #f2270c;
    font-size: 12px;
    text-align: left
}

.mod_alert .warn_text.show {
    display: block
}

.mod_alert_black .mod_alert.one_line {
    padding: 10px
}

.p_desc .world_title {
    position: relative;
    text-align: center;
    margin-bottom: 10px
}

.p_desc .world_title:before {
    border-color: #6a77b6;
    top: 10px
}

.p_desc .world_title .text {
    position: relative;
    display: inline-block;
    font-size: 14px;
    color: #6a77b6;
    padding: 0 10px;
    background-color: #fff;
    z-index: 1
}

.p_desc .world_title .text:after,
.p_desc .world_title .text:before {
    border-color: #6a77b6;
    top: 2px;
    bottom: 2px;
    transform: rotate(27deg);
    -webkit-transform: rotate(27deg);
    transform-origin: center;
    -webkit-transform-origin: center
}

.p_desc .world {
    padding-bottom: 10px
}

.p_desc .world .img_wrap {
    margin: 15px 0
}

.p_desc .world .img_wrap img {
    width: 100% !important;
    max-height: 600px
}

.p_desc .world .info {
    margin-top: 15px
}

.p_desc .world .info .info_title {
    color: #333;
    font-size: 14px;
    font-weight: 400
}

.p_desc .world .info .info_detail {
    color: #666;
    font-size: 12px
}

.p_desc .world .info .info_detail:not(:last-child) {
    margin-bottom: 6px
}

.p_desc .world a {
    color: #3985ff
}

.detail_cmd {
    background-color: #fff;
    border-radius: 12px;
    padding-top: 3px
}

.detail_cmd .detail_cmd_tab_like_only {
    position: relative;
    color: #262626;
    font-size: 15px;
    height: 45px;
    line-height: 45px;
    background-color: #fff;
    padding-left: 7px;
    font-weight: 700;
    z-index: 1
}

.detail_cmd .fitting_tabs {
    width: 100%;
    white-space: nowrap;
    overflow: scroll;
    font-size: 0
}

.detail_cmd .fitting_tabs .fitting {
    display: inline-block;
    padding: 0 15px;
    margin: 10px 0 10px 10px;
    border-radius: 13px;
    height: 26px;
    line-height: 26px;
    background-color: #fff;
    color: #333;
    text-align: center;
    font-size: 12px
}

.detail_cmd .fitting_tabs .fitting.cur {
    color: #fff;
    background-color: #f2270c
}

.detail_cmd .fitting_tabs .fitting:last-child {
    margin-right: 10px
}

.detail_cmd .slider_page {
    position: absolute;
    width: 100%;
    top: 0
}

.detail_cmd .slider_page:first-child {
    position: relative
}

.detail_cmd .slider_page:nth-child(2) {
    left: 100%
}

.detail_cmd .slider_page:nth-child(3) {
    left: 200%
}

.detail_cmd .slider_page:nth-child(4) {
    left: 300%
}

.detail_cmd .slider_page:nth-child(5) {
    left: 400%
}

.detail_cmd .slider_page:nth-child(6) {
    left: 500%
}

.detail_cmd .slider_page:nth-child(7) {
    left: 600%
}

.detail_cmd .slider_page:nth-child(8) {
    left: 700%
}

.detail_cmd .slider_page:nth-child(9) {
    left: 800%
}

.detail_cmd .slider_page:nth-child(10) {
    left: 900%
}

.detail_cmd .slider_page li {
    margin-top: 5px
}

.detail_cmd .slider_page li:not(:nth-child(3n)) {
    margin-right: 1.76%
}

.detail_cmd .grid {
    font-size: 0;
    padding-right: 4px;
    overflow: hidden
}

.detail_cmd .grid_item {
    background-color: #fff;
    display: inline-block;
    float: left;
    width: 50%;
    margin-top: 4px
}

.detail_cmd .grid_item .img_wrap {
    position: relative;
    width: 100%;
    padding-top: 100%
}

.detail_cmd .grid_item .img_wrap img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 6px
}

.detail_cmd .grid_item .name {
    margin: 5px 0;
    padding: 0 10px;
    height: 3em;
    color: #333;
    font-size: 12px;
    font-weight: 400
}

.detail_cmd .grid_item .buy_wrap {
    position: relative;
    height: 26px;
    line-height: 26px;
    padding: 0 40px 10px 10px
}

.detail_cmd .grid_item .buy_wrap .price {
    font-family: JDZH-Regular;
    color: #f2270c;
    font-size: 10px
}

.detail_cmd .grid_item .buy_wrap .price .int {
    font-size: 14px
}

.detail_cmd .grid_item .buy_wrap .buy {
    position: absolute;
    right: 10px;
    top: 0;
    display: inline-block;
    background-color: #f2270c;
    width: 25px;
    height: 25px;
    border-radius: 3px
}

.detail_cmd .grid_item .buy_wrap .buy:after {
    content: "";
    display: block;
    width: 15px;
    height: 15px;
    margin: 5px 0 0 5px;
    background-image: url();
    background-size: 15px;
    background-repeat: no-repeat
}

.detail_cmd .grid_item:nth-child(2n+1) {
    margin-right: 4px
}

.detail_cmd .grid_item:nth-child(2n+2) {
    margin-right: -4px
}

.detail_cmd .grid_item:nth-child(1),
.detail_cmd .grid_item:nth-child(2) {
    margin-top: 0
}

.detail_cmd .row {
    position: relative;
    font-size: 0;
    overflow: hidden
}

.detail_cmd .row li {
    position: relative;
    list-style-type: none;
    float: left;
    width: 32.16%
}

.detail_cmd .row_item {
    position: relative;
    background-color: #fff;
    display: block;
    width: 100%
}

.detail_cmd .row_item .img_wrap {
    position: relative;
    width: 100%;
    padding-top: 100%;
    border-radius: 6px;
    overflow: hidden
}

.detail_cmd .row_item .img_wrap img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    border-radius: 6px
}

.detail_cmd .row_item .img_wrap .banner {
    position: absolute;
    width: 100%;
    height: 17.6%;
    left: 0;
    bottom: 0;
    background: rgba(242, 39, 12, .7);
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #fff
}

.detail_cmd .row_item .name {
    padding: 7px 0 0;
    height: 3em;
    line-height: 1.5em;
    color: #333;
    font-size: 12px;
    font-weight: 400;
    white-space: normal
}

.detail_cmd .row_item .buy_wrap {
    position: relative;
    height: 26px;
    line-height: 26px
}

.detail_cmd .row_item .buy_wrap .price {
    font-family: JDZH-Regular;
    color: #f2270c;
    font-size: 12px
}

.detail_cmd .row_item .buy_wrap .price .int {
    font-size: 16px
}

.detail_cmd .row_item .buy_wrap .price .tip {
    font-size: 14px
}

.detail_cmd .row_item.ad_item {
    position: relative
}

.detail_cmd .row_item.ad_item:after {
    position: absolute;
    content: "";
    width: 1px;
    height: 1px;
    background: #666;
    opacity: .5;
    filter: alpha(opacity=50);
    right: 2px;
    bottom: 2px
}

.detail_cmd .row_item.row_item_v2 .buy_wrap .price {
    vertical-align: middle
}

.detail_cmd .row_item.row_item_v2 .buy_wrap .tip {
    color: #e93b3d;
    display: inline-block;
    font-size: 10px;
    margin-right: 4px;
    vertical-align: middle
}

.detail_cmd .row_item.row_item_v2 .cash_return {
    margin-left: 5px;
    margin-top: -3px;
    white-space: nowrap;
    height: 14px;
    line-height: 14px
}

.detail_cmd .row_item.row_item_v2 .cash_return_icon {
    padding: 0 2px;
    font-size: 10px
}

.detail_cmd .row_item.row_item_v2 .cash_return_price {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 10px;
    padding: 0 2px
}

.detail_cmd .row_item.more {
    position: relative;
    vertical-align: top;
    width: 100%;
    background-color: #fff
}

.detail_cmd .row_item.more:before {
    content: "";
    display: block;
    padding-top: 100%
}

.detail_cmd .row_item.more:after {
    content: "";
    display: block;
    height: 67px
}

.detail_cmd .row_item.more .more_box {
    position: absolute;
    top: 50%;
    left: 50%;
    margin: -35px -24px
}

.detail_cmd .row_item.more .more_box .icon_more {
    margin: 0 auto 5px;
    display: block;
    width: 47px;
    height: 27px
}

.detail_cmd .row_item.more .more_box .desc {
    line-height: 1;
    color: #1a1c28;
    font-size: 12px;
    text-align: center;
    font-weight: 700
}

.detail_cmd .row_item.more .more_box .icon_go {
    display: block;
    margin: 10px auto 0;
    width: 15px;
    height: 15px;
    background: url() no-repeat;
    background-size: 15px
}

.detail_cmd .slider_page.cols_3 .grid {
    padding-right: 8px
}

.detail_cmd .slider_page.cols_3 .grid_item {
    width: 32.16%
}

.detail_cmd .slider_page.cols_3 .grid_item:not(:nth-child(3n)) {
    margin-right: 5px
}

.detail_cmd .slider_page.cols_3 .grid_item:nth-child(3) {
    margin-top: 0
}

.detail_cmd .slider_page.cols_3 .grid_item:nth-child(3n) {
    margin-right: -8px
}

.detail_cmd .slider_page.gird ul:before {
    display: none
}

.detail_cmd .slider_page.gird ul:after {
    display: none
}

.detail_cmd .slider_page.gird li {
    margin-top: 5px;
    width: 32.16%
}

.detail_cmd .slider_page.gird li:not(:nth-child(3n)) {
    margin-right: 1.76%
}

.detail_cmd .slider_page.gird li:before {
    display: none
}

.detail_cmd .slider_page.gird li:after {
    display: none
}

.detail_cmd .slider_page.gird li:nth-child(1),
.detail_cmd .slider_page.gird li:nth-child(2),
.detail_cmd .slider_page.gird li:nth-child(3) {
    margin-top: 0
}

.detail_cmd .slider_page.gird li .name {
    display: none
}

.detail_cmd .slider_page.gird li .buy_wrap {
    position: absolute;
    right: 0;
    bottom: 0;
    background: rgba(0, 0, 0, .5);
    border-radius: 2px 0 6px 0;
    padding: 0 4px;
    height: 17px;
    line-height: 17px
}

.detail_cmd .slider_page.gird li .buy_wrap .price {
    color: #fff;
    display: inline-block
}

.detail_cmd .slider_page.gird li .buy_wrap .price .int,
.detail_cmd .slider_page.gird li .buy_wrap .price .tip {
    font-size: 12px
}

.detail_cmd .slider_page.gird li .buy_wrap .tip {
    font-size: 10px;
    color: #fff;
    vertical-align: middle
}

.detail_cmd .slider_page.gird li .buy_wrap .cash_return {
    font-weight: 400;
    border: none;
    margin: 0;
    margin-left: 2px;
    height: 17px;
    line-height: 17px
}

.detail_cmd .slider_page.gird li .buy_wrap .cash_return_icon {
    background: none;
    color: #fff;
    padding: 0 2px;
    font-size: 10px
}

.detail_cmd .slider_page.gird li .buy_wrap .cash_return_price {
    padding: 0;
    color: #fff;
    font-size: 10px
}

.detail_cmd .slider_page.gird li .row_item.more:after {
    height: 0
}

.detail_cmd .slider_page.gird li .row_item.more .desc {
    color: #666;
    letter-spacing: .1px;
    font-weight: unset;
    font-size: 10px
}

.detail_cmd .slider_page.gird li .row_item.more .icon_more {
    background: url(//wq.360buyimg.com/fd/h5/wxsq_dev/detail/images/icon_more_new_8cf57b2e.png) no-repeat;
    background-size: 40px 25px;
    width: 40px;
    height: 25px
}

.detail_cmd .slider_page.gird li .row_item.more .icon_go {
    background-size: 17px;
    width: 17px;
    height: 17px
}

.detail_cmd .slider_page.gird .row_item.ad_item:after {
    bottom: -2px
}

.cart_shadow {
    display: none;
    position: absolute;
    width: 30px;
    height: 30px;
    z-index: 901
}

.cart_shadow .cart_shadow_content {
    width: 100%;
    height: 100%;
    border-radius: 3px
}

.cart_shadow.show {
    display: block
}

.cart_shadow.animate {
    animation: addInCart 1s ease;
    -webkit-animation: addInCart 1s ease
}

.buy_area .tax_tips {
    padding-left: 18px;
    height: 24px;
    line-height: 24px;
    font-size: 12px
}

.buy_area .tax_tips .ques {
    display: inline-block;
    width: 28px;
    height: 24px;
    vertical-align: middle;
    background: url() no-repeat 7px 3px;
    background-size: 15px
}

.buy_area .tax_tips .tax_tips_flag {
    vertical-align: middle;
    display: inline-block;
    width: 16px;
    height: 16px;
    margin-right: 3px
}

.buy_area .tax_tips .tax_tips_flag img {
    width: 100%
}

.buy_area .tax_tips .country {
    vertical-align: middle;
    color: #333;
    margin-right: 5px
}

.buy_area .tax_tips .tax_tips_text {
    vertical-align: middle;
    color: #999
}

.buy_area.new_ver .price_wrap {
    position: relative;
    margin-top: 12px;
    margin-bottom: 0
}

.buy_area.new_ver .price_wrap .price {
    font-size: 16px
}

.buy_area.new_ver .price_wrap .price em {
    font-size: 30px
}

.buy_area.new_ver .price_wrap .price_decimals {
    font-size: 18px
}

.buy_area.new_ver .price_wrap .cheaper_info {
    float: right;
    position: relative;
    padding-top: 22px;
    line-height: 1em;
    height: 10px;
    width: 40px;
    font-size: 9px;
    color: #262626;
    text-align: center
}

.buy_area.new_ver .price_wrap .cheaper_info:after {
    content: "";
    position: absolute;
    top: 0;
    width: 18px;
    height: 18px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: url() no-repeat;
    background-size: 100%;
    border: none
}

.buy_area.new_ver .price_wrap .favour {
    float: right;
    position: relative;
    padding-top: 22px;
    line-height: 1em;
    height: 10px;
    width: 40px;
    font-size: 9px;
    color: #262626;
    text-align: center
}

.buy_area.new_ver .price_wrap .favour:before {
    border-color: #ddd
}

.buy_area.new_ver .price_wrap .favour:after {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    width: 18px;
    height: 18px;
    background-image: url();
    background-size: 100%
}

.buy_area.new_ver .price_wrap .favour.yes:after {
    background-image: url()
}

.buy_area.new_ver .price_wrap .share {
    float: right;
    position: relative;
    padding-top: 22px;
    line-height: 1em;
    height: 10px;
    width: 40px;
    font-size: 9px;
    color: #262626;
    text-align: center
}

.buy_area.new_ver .price_wrap .share:after {
    content: "";
    position: absolute;
    top: 0;
    width: 18px;
    height: 18px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: url(//img12.360buyimg.com/img/s26x26_jfs/t1/99543/17/12159/759/5e43c0a6Ec92f3d4a/27f3630ac9b2e89f.png) no-repeat;
    background-size: 100%;
    border: none
}

.buy_area.new_ver .fn_wrap:before {
    border-top: none
}

.buy_area.new_ver .fn_wrap .fn.fn_goods_name {
    font-weight: 700;
    line-height: 21px;
    padding-right: 0
}

.buy_area.new_ver .fn_wrap .fn.fn_goods_name.fgn_old {
    padding-right: 90px
}

.buy_area.new_ver .fn_wrap .fn.fn_goods_name.fgn_old .expand_icon {
    right: 40px
}

.buy_area.new_ver .fn_wrap .fn.fn_goods_name.fgn_old.env_m {
    padding-right: 52px
}

.buy_area.new_ver .fn_wrap .fn .favour {
    right: 40px
}

.buy_area.new_ver .fn_wrap .fn.env_m .favour {
    right: 0
}

.buy_area.new_ver .fn_wrap .fn .share {
    position: absolute;
    right: 0;
    top: 0;
    display: inline-block;
    padding-top: 26px;
    margin-right: -10px;
    line-height: 1em;
    height: 10px;
    width: 50px;
    font-size: 10px;
    color: #333;
    text-align: center
}

.buy_area.new_ver .fn_wrap .fn .share::before {
    border-color: #ddd
}

.buy_area.new_ver .fn_wrap .fn .share::after {
    content: "";
    position: absolute;
    top: 0;
    width: 18px;
    height: 18px;
    left: 50%;
    -webkit-transform: translate(-50%, 0);
    transform: translate(-50%, 0);
    background: url(//img12.360buyimg.com/img/s26x26_jfs/t1/99543/17/12159/759/5e43c0a6Ec92f3d4a/27f3630ac9b2e89f.png) no-repeat;
    background-size: 100%;
    border: none
}

.buy_area.new_ver .fn_wrap .desc a {
    color: #e4393c
}

.buy_area.new_ver .fn_wrap .desc .desc_more {
    display: none
}

.buy_area.new_ver .fn_wrap .desc.has_more {
    position: relative;
    padding-right: 20px
}

.buy_area.new_ver .fn_wrap .desc.has_more .desc_more {
    display: block;
    position: absolute;
    right: 0;
    top: 20px;
    width: 25px;
    height: 15px;
    background: #fff
}

.buy_area.new_ver .fn_wrap .desc.has_more .desc_more:before {
    content: "";
    position: absolute;
    top: 4px;
    left: 8px;
    width: 10px;
    height: 6px;
    background: url() no-repeat;
    background-size: 10px 6px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}

.buy_area.new_ver .fn_wrap .desc.more_off {
    overflow: hidden;
    text-overflow: clip;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 30px
}

.buy_area.new_ver .fn_wrap .desc.more_on .desc_more {
    display: inline-block;
    right: auto;
    top: auto
}

.buy_area.new_ver .fn_wrap .desc.more_on .desc_more:before {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg)
}

.buy_area.new_ver .plus_bar.rob {
    padding-left: 64px
}

.buy_area.new_ver .plus_bar .mod_sign_tip {
    background: none
}

.buy_area.new_ver .mod_sign_tip .icon_plus {
    width: 45px;
    height: 13px;
    background: url() no-repeat;
    background-size: 45px 13px
}

.buy_area.new_ver .tax_tips {
    padding-top: 5px
}

.buy_area.new_ver .forenotice {
    margin-bottom: 0
}

.detail_coupons_main .title_line .title_wrap:after,
.detail_coupons_main .title_line .title_wrap:before {
    content: "";
    position: absolute;
    top: 50%;
    width: 6px;
    height: 6px;
    margin-top: -3px;
    background-color: #ddd;
    border-radius: 50%
}

.detail_coupons_main .body {
    height: 360px
}

.detail_coupons_main .body_aside {
    position: absolute;
    right: 0;
    bottom: 50px;
    z-index: 301
}

.detail_coupons_main .body_aside_item {
    display: block;
    box-sizing: border-box;
    padding-top: 7px;
    width: 40px;
    height: 40px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    background: rgba(51, 51, 51, .9);
    border-radius: 3px 0 0 3px
}

.detail_coupons_main .body_aside_item:not(:last-child) {
    margin-bottom: 10px
}

.detail_coupons_main .body_aside_top::after {
    content: "";
    display: block;
    margin: 3px auto 0;
    width: 8px;
    height: 5px;
    background: url() 50% no-repeat;
    background-size: 8px auto
}

.detail_coupons_main .body_aside_btm::before {
    content: "";
    display: block;
    margin: 0 auto 3px;
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg);
    width: 8px;
    height: 5px;
    background: url() 50% no-repeat;
    background-size: 8px auto
}

.detail_coupons_main .title_line {
    position: relative;
    line-height: 1em;
    padding: 15px 0;
    text-align: center
}

.detail_coupons_main .title_line .title_wrap {
    position: relative;
    display: inline-block;
    background-color: #fff;
    padding: 0 10px;
    z-index: 1
}

.detail_coupons_main .title_line .title_wrap:before {
    left: -6px
}

.detail_coupons_main .title_line .title_wrap:after {
    right: -6px
}

.detail_coupons_main .title_line .title {
    font-size: 14px;
    color: #333;
    margin: 0 auto;
    width: 5em;
    height: 1em
}

.detail_coupons_main .title_line .subtitle {
    font-size: 12px;
    color: #999;
    margin: 0 auto;
    width: 12em;
    height: 1em
}

.detail_coupons_main .title_line .title+.subtitle {
    padding-top: 5px
}

.detail_coupons_main .title_line:after {
    top: 50%;
    left: 10px;
    right: 10px
}

.detail_coupons_main .mod_coupon_area {
    background-color: #fff
}

.detail_coupons_main .mod_coupon_area .mod_coupon_hr::after,
.detail_coupons_main .mod_coupon_area .mod_coupon_hr::before {
    background: #fff !important
}

.detail_coupons_main .mod_coupon_area .mod_clist.with_cols1 .mod_coupon_l:last-child {
    margin-bottom: 0
}

.detail_coupons_main .mod_coupon_area:last-child {
    margin-bottom: 10px
}

.detail_realName {
    z-index: 105;
    box-sizing: border-box;
    position: fixed;
    bottom: 50px;
    left: 0;
    right: 0;
    max-width: 540px;
    margin: 0 auto;
    padding-left: 53px;
    height: 45px;
    background-color: rgba(0, 0, 0, .8)
}

.detail_realName:before {
    content: "实名专享";
    position: absolute;
    left: 0;
    top: 0;
    padding-top: 27px;
    width: 45px;
    height: 18px;
    line-height: 18px;
    font-size: 8px;
    text-align: center;
    color: #fff;
    background-color: #3985ff;
    background-image: url();
    background-repeat: no-repeat;
    background-position: 7px 5px;
    background-size: 35px 27px
}

.detail_realName .tips {
    position: absolute;
    top: 50%;
    left: 53px;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    margin-right: 10px;
    font-size: 12px;
    color: #ccc
}

.detail_realName .tips span {
    color: #3985ff
}

.mod_alert {
    border-radius: 10px
}

.mod_alert .btns {
    padding: 0 15px 15px
}

.mod_alert .btns .btn {
    height: 30px;
    line-height: 30px;
    background: #fff;
    border: 1px solid #ccc;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .05);
    border-radius: 20px;
    box-sizing: border-box
}

.mod_alert .btns .btn::before {
    display: none
}

.mod_alert .btns .btn:not(:last-child) {
    margin-right: 10px
}

.mod_alert .btns .btn.btn_1 {
    background-image: -webkit-linear-gradient(315deg, #f2140c, #f2270c 70%, #f24d0c);
    background-image: linear-gradient(135deg, #f2140c, #f2270c 70%, #f24d0c);
    color: #fff;
    border: none
}

.mod_alert .btns .btn+.btn::after {
    display: none
}

.mod_alert .follow {
    position: relative;
    padding-top: 121px;
    margin: 10px auto;
    width: 120px;
    height: 30px;
    border-radius: 3px
}

.mod_alert .follow img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100px;
    height: 100px;
    border: 10px solid #f7f7f7
}

.mod_alert .follow .text {
    margin: 0;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    color: #999;
    text-align: center;
    background-color: #f7f7f7;
    border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px
}

.detail_join_article {
    padding: 10px;
    background-color: #fff
}

.detail_join_article h1 {
    color: #333;
    font-size: 14px;
    margin: 3px 0
}

.detail_join_article p {
    color: #666;
    font-size: 12px
}

.hot_list {
    position: relative;
    background-color: #fff
}

.hot_list .icon_tag_hot {
    position: absolute;
    top: 0;
    right: 5px;
    width: 20px;
    height: 20px;
    text-align: center;
    line-height: 20px;
    background: #f2270c;
    color: #fff;
    font-size: 12px;
    z-index: 1
}

.hot_list .icon_tag_hot.c_grey {
    background: #666
}

.hot_list .icon_tag_hot.c_grey:after {
    border-color: #666 #666 transparent
}

.hot_list .icon_tag_hot:after {
    position: absolute;
    left: 0;
    bottom: -5px;
    content: "";
    width: 0;
    height: 0;
    border-width: 5px 10px;
    border-style: solid;
    border-color: #f2270c #f2270c transparent
}

.hot_list .item {
    position: relative;
    float: left;
    width: 33.33%
}

.hot_list .item:before {
    z-index: 1
}

.hot_list .item .url {
    display: block
}

.hot_list .item .cover {
    position: relative;
    padding-top: 100%
}

.hot_list .item .cover img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.hot_list .item .info {
    padding: 8px 10px 10px;
    font-size: 12px
}

.hot_list .item .title {
    height: 36px;
    color: #333
}

.hot_list .item .price {
    margin: 8px 0 10px;
    line-height: 1;
    font-size: 10px;
    color: #f2270c
}

.hot_list .item .price .int {
    font-size: 14px
}

.hot_list .item .count {
    line-height: 1;
    font-size: 10px;
    color: #999
}

.hot_list .item .hot_panel {
    position: relative;
    font-size: 10px;
    color: #ff9600;
    width: 70px;
    height: 10px
}

.hot_list .item .hot_panel .hot {
    position: absolute;
    top: 0;
    left: 0;
    height: 10px
}

.hot_list .item .hot_panel .num {
    position: absolute;
    top: 1px;
    right: -13px;
    width: 20px;
    height: 10px;
    line-height: 1
}

.hot_more {
    text-align: center;
    background-color: #fff
}

.hot_more .hot_more_lnk {
    margin: 10px 0;
    position: relative;
    display: inline-block;
    padding: 0 15px 0 20px;
    height: 25px;
    line-height: 25px;
    color: #3985ff;
    font-size: 14px;
    text-align: center
}

.hot_more .hot_more_lnk .icon_arrow {
    display: inline-block;
    vertical-align: middle;
    margin: -2px 0 0 5px;
    width: 15px;
    height: 15px
}

.hot_more .hot_more_lnk:before {
    border-color: #3985ff;
    border-radius: 40px
}

.detail_baitiao {
    position: relative;
    padding: 0 0 0 30px;
    font-size: 13px
}

.detail_baitiao:before {
    left: 10px
}

.detail_baitiao .title {
    position: absolute;
    left: 0;
    top: 12px;
    color: #262626;
    font-weight: 700
}

.detail_baitiao .desc_list {
    overflow: hidden
}

.detail_baitiao .desc_list .desc_item {
    position: relative;
    color: #333;
    padding: 12px 0
}

.detail_baitiao .desc_list .desc_item.arrow_right {
    padding-right: 35px
}

.detail_baitiao .desc_list .desc_item.arrow_right:after {
    content: ""
}

.detail_baitiao .desc_list .desc_item.point_right {
    padding-right: 35px
}

.detail_baitiao .desc_list .desc_item.point_right:after {
    content: "";
    right: 0
}

.detail_baitiao_main .body {
    margin-bottom: 50px;
    max-height: 319px
}

.detail_baitiao_main .section {
    position: relative;
    margin: 0 10px;
    padding-bottom: 21px;
    color: #333;
    font-size: 12px
}

.detail_baitiao_main dt {
    height: 22px;
    line-height: 22px;
    font-size: 14px
}

.detail_baitiao_main dt .tips {
    color: #999
}

.detail_baitiao_main dd {
    position: relative;
    margin-top: 8px;
    padding-left: 20px
}

.detail_baitiao_main dd:before {
    content: "";
    position: absolute;
    top: 7px;
    left: 10px;
    width: 4px;
    height: 4px;
    border-radius: 2px;
    background-color: #ccc
}

.detail_baitiao_main dd .detail {
    display: block;
    margin-top: 3px;
    color: #999
}

.detail_baitiao_main .mod_btns {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 15px 10px
}

.detail_baitiao_main .mod_btns .mod_btn {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px
}

.mod_sign_tip {
    line-height: 13px !important;
    font-size: 9px
}

.mod_sign_tip.art {
    background-color: #222
}

.mod_sign_tip.medicine {
    background-color: #20bd62
}

.mod_sign_tip.year_goods {
    background-color: #c81623
}

.mod_sign_tip.bor.blue {
    color: #007de7
}

.mod_sign_tip.bor.blue:after {
    border-color: #007de7
}

.mod_sign_tip.bor.phone_red {
    color: #c91423
}

.mod_sign_tip.bor.phone_red:after {
    border-color: #c91423
}

.mod_sign_tip.bor.qiudong_gold {
    color: #a28362
}

.mod_sign_tip.bor.qiudong_gold:after {
    border-color: #a28362
}

.mod_tag {
    margin-right: 5px !important;
    height: 13px !important;
    line-height: 13px !important
}

.mod_sign_tip.type_jingzao {
    background-color: #fff
}

.mod_sign_tip.type_jingzao::before {
    content: "";
    display: block;
    width: 49px;
    height: 13px;
    background: url() no-repeat;
    background-size: 49px 13px
}

.mod_sign_tip.type_jingxuan::before {
    height: 13px;
    background-size: 100% 13px
}

.mod_slider .inner .activity_tag {
    position: absolute;
    top: 50px;
    right: 0;
    width: 100px;
    height: 80px
}

.mod_slider .inner .service_tag {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100px;
    height: 100px
}

.mod_slider .inner .lnk_3d,
.mod_slider .inner .lnk_read,
.mod_slider .inner .lnk_scene {
    position: absolute;
    right: 10px;
    bottom: 10px;
    padding: 0 10px;
    height: 24px;
    line-height: 24px;
    text-align: center;
    border-radius: 24px;
    color: #3985ff;
    background: #fff;
    z-index: 10
}

.mod_slider .inner .lnk_3d:before,
.mod_slider .inner .lnk_read:before,
.mod_slider .inner .lnk_scene:before {
    content: "";
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 5px;
    width: 16px;
    height: 16px
}

.mod_slider .inner .lnk_3d:after,
.mod_slider .inner .lnk_read:after,
.mod_slider .inner .lnk_scene:after {
    border-radius: 50px;
    border-color: #3b8afb
}

.mod_slider.mod_slider_viewer .inner .mainpic_btn_grp {
    display: none
}

.mod_slider .inner .pic_list {
    z-index: 10
}

.mod_slider .inner li {
    background: #fff
}

.mod_slider .inner .mainpic_btn_grp {
    position: absolute;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    top: auto;
    bottom: 20px;
    height: 30px;
    z-index: 12;
    width: 100%
}

.mod_slider .inner .mainpic_btn_grp .video_play {
    position: relative;
    width: 83px;
    height: 30px;
    border-radius: unset;
    border: none;
    background: url() no-repeat;
    background-size: 100% 100%;
    top: unset;
    left: unset;
    -webkit-transform: unset;
    transform: unset;
    margin-left: 10px
}

.mod_slider .inner .mainpic_btn_grp .video_play_time {
    font-size: 12px;
    color: #262626;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    left: 30px
}

.mod_slider .inner .mainpic_btn_grp .mainpic_btn_allcover,
.mod_slider .inner .mainpic_btn_grp .mainpic_btn_read {
    width: 83px;
    height: 30px;
    background-size: 100%;
    background-repeat: no-repeat;
    margin-left: 10px
}

.mod_slider .inner .mainpic_btn_grp .mainpic_btn_read {
    background-image: url(https://img12.360buyimg.com/img/s166x60_jfs/t1/93102/29/18800/9494/5e980f4fEb5cefef3/83cda1ba0bb67861.png)
}

.mod_slider .inner .mainpic_btn_grp .mainpic_btn_allcover {
    background-image: url(https://img12.360buyimg.com/img/s166x60_jfs/t1/98557/7/18904/8699/5e980fa6Ec624dd20/e7310a03073d4c56.png)
}

.mod_slider .inner .tittup {
    width: 500px;
    background-color: #f7f7f7;
    height: 100%;
    display: block;
    position: absolute;
    right: -500px;
    top: 0;
    display: -webkit-box;
    -webkit-box-align: center
}

.mod_slider .inner .tittup .inner {
    text-align: center;
    height: auto;
    width: 18px;
    display: block;
    font-size: 12px;
    color: #666;
    margin-left: 24px;
    line-height: 17px
}

.mod_slider .inner .tittup .inner::before {
    content: "";
    position: absolute;
    top: 3px;
    left: -24px;
    width: 15px;
    height: 15px;
    background: no-repeat;
    background-size: 15px
}

.mod_slider .inner .tittup .inner .arrow {
    display: inline-block;
    margin-top: 2px;
    width: 15px;
    height: 15px;
    -webkit-transform: rotate3d(0, 7.5, 0, 0);
    transform: rotate3d(0, 7.5, 0, 0);
    -webkit-transition: 1s;
    transition: 1s;
    background: url();
    background-size: 15px auto
}

.mod_slider .inner .tittup .inner .rotate {
    -webkit-transform: rotate3d(0, 7.5, 0, 180deg);
    transform: rotate3d(0, 7.5, 0, 180deg);
    -webkit-transition: 1s;
    transition: 1s
}

.mod_slider .inner .lnk_scene {
    color: #222
}

.mod_slider .inner .lnk_scene:before {
    margin-top: 2px;
    background: url() no-repeat;
    background-size: 15px auto
}

.mod_slider .inner .lnk_scene:after {
    border-color: #222
}

.mod_slider .inner .lnk_scene.move_top {
    bottom: 40px
}

.mod_slider .inner .lnk_3d:before {
    background: url() no-repeat;
    background-size: 13px auto
}

.mod_slider .inner .lnk_3d.move_top {
    bottom: 40px
}

.mod_slider .inner .lnk_read:before {
    background: url() no-repeat;
    background-size: 13px auto
}

.mod_slider .inner .lnk_read.move_top {
    bottom: 40px
}

.mod_slider .indicator_wrap {
    background: rgba(0, 0, 0, .2);
    font-size: 9px;
    font-family: JDZhengHT-EN-Light, span;
    font-family-font-family: "JDZhengHT-EN-Regular";
    font-family-font-size: 14px
}

.livebox {
    position: fixed;
    right: 10px;
    top: 159px;
    width: 56px;
    height: 57px;
    border-radius: 10px;
    border: 1px solid #e5e5e5;
    background: hsla(0, 0%, 100%, .9);
    z-index: 11;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    text-align: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    flex-direction: column;
    font-family: JDZH-Regular;
    font-size: 10px;
    color: #000
}

.livebox .icon {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    width: 20px;
    height: 20px;
    background-image: -webkit-gradient(linear, right top, left top, from(#ff4142), to(#ff4b2b));
    background-image: -webkit-linear-gradient(right, #ff4142, #ff4b2b);
    background-image: linear-gradient(270deg, #ff4142, #ff4b2b);
    border-radius: 50%;
    margin-bottom: 5px;
    margin-top: 10px
}

.livebox .icon .living {
    margin: 0 auto;
    width: 14px;
    height: 14px
}

.color_switch_area {
    display: none;
    position: relative;
    background-color: #f7f7f7
}

.color_switch_area.show {
    display: block
}

.color_switch_area .expand_area {
    width: 110px;
    height: 40px;
    position: absolute;
    top: -39px;
    right: 0;
    z-index: 11
}

.color_switch_area .expand_area .button {
    background-color: #f7f7f7;
    padding: 0 19px 0 4px;
    height: 25px;
    line-height: 25px;
    position: absolute;
    bottom: 0;
    right: 16px;
    color: #999;
    font-size: 12px
}

.color_switch_area .expand_area .button:before {
    border-color: #e5e5e5
}

.color_switch_area .expand_area .button .border {
    position: absolute;
    top: 0;
    width: 11px;
    height: 25px;
    background: url() no-repeat;
    background-size: 11px 25px
}

.color_switch_area .expand_area .button .border.left {
    left: -11px;
    -webkit-transform: rotateY(-180deg);
    transform: rotateY(-180deg)
}

.color_switch_area .expand_area .button .border.right {
    right: -11px
}

.color_switch_area .expand_area .button i:after {
    display: block;
    content: "";
    position: absolute;
    right: 4px;
    top: 50%;
    width: 6px;
    height: 6px;
    border-top: 2px solid #ccc;
    border-left: 2px solid #ccc;
    -webkit-transform: translate(0, -7px) rotate(-135deg);
    transform: translate(0, -7px) rotate(-135deg)
}

.color_switch_area ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: nowrap;
    flex-wrap: nowrap;
    overflow-x: auto
}

.color_switch_area ul.justify_center {
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center
}

.color_switch_area ul:before {
    border-color: #e5e5e5
}

.color_switch_area ul li {
    position: relative;
    margin: 10px 12px;
    width: 40px;
    height: 40px;
    box-shadow: 0 3px 6px 0 rgba(0, 0, 0, .1);
    border-radius: 2px
}

.color_switch_area ul li img {
    display: inline-block;
    width: auto;
    height: auto;
    min-width: 40px;
    max-height: 40px;
    border-radius: 2px
}

.color_switch_area ul li p {
    background-color: hsla(0, 0%, 97%, .9);
    position: absolute;
    bottom: 0;
    width: 100%;
    text-align: center;
    color: #666;
    font-size: 10px;
    line-height: 15px;
    border-radius: 0 0 2px 2px
}

.color_switch_area ul li::after {
    border-color: transparent;
    border-radius: 2px
}

.color_switch_area ul li.current::after {
    border-color: #e93b3d
}

.color_switch_area.fold .expand_area i:after {
    -webkit-transform: translate(0, -4px) rotate(45deg);
    transform: translate(0, -4px) rotate(45deg)
}

.color_switch_area.fold ul {
    display: none
}

.detail_row .tit,
.detail_row h3.tit {
    color: #262626;
    font-weight: 700;
    font-size: 13px
}

.detail_deliver_serve.detail_row {
    font-size: 13px;
    padding: 0
}

.detail_deliver_serve.detail_row .de_row::before {
    display: none
}

.detail_deliver_serve.detail_row:before {
    left: 10px
}

.detail_deliver_serve.detail_row .deliver_head {
    display: inline-block;
    position: relative;
    padding-right: 20px;
    margin-bottom: 4px;
    color: #262626
}

.detail_deliver_serve.detail_row .get_info {
    position: absolute;
    top: -4px;
    right: -6px;
    width: 26px;
    height: 26px;
    background: url() no-repeat 5px;
    background-size: 12px
}

.detail_deliver_serve.detail_row .deliver_list {
    color: #262626
}

.detail_deliver_serve.detail_row .deliver_list li:not(:last-child) {
    margin-bottom: 4px
}

.detail_deliver_serve.detail_row .deliver_list li:before {
    content: "";
    display: inline-block;
    vertical-align: -2px;
    margin-right: 5px;
    width: 12px;
    height: 12px;
    background: url() no-repeat;
    background-size: 12px
}

.detail_competition {
    position: relative;
    padding: 13px 0 12px;
    font-size: 13px
}

.detail_competition:before {
    left: 10px
}

.detail_competition .msg {
    position: relative;
    padding-left: 66px;
    color: #999
}

.detail_competition .msg:not(:last-child) {
    margin-bottom: 4px
}

.detail_competition .title {
    position: absolute;
    left: 0;
    top: 0;
    color: #262626;
    font-weight: 700
}

.detail_cmd_tab_competition {
    font-size: 0;
    font-family: none;
    padding-bottom: 4px;
    background: #fff
}

.detail_cmd_tab_competition .tab_item {
    position: relative;
    display: inline-block;
    padding-top: 20px;
    width: 25%;
    height: 30px;
    line-height: 30px;
    font-size: 12px;
    font-family: -apple-system, Helvetica, sans-serif;
    text-align: center;
    background-color: #fff
}

.detail_cmd_tab_competition .tab_item.cur {
    color: #fff;
    background-color: #f2270c
}

.detail_cmd_tab_competition .tab_item.cur:after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -5px;
    border: 5px solid transparent;
    border-bottom-color: #fff
}

.detail_cmd_tab_competition .tab_item svg {
    position: absolute;
    bottom: 24px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    fill: #666
}

.detail_cmd_tab_competition .tab_item.cur svg {
    fill: #fff
}

.competition_goods.slider_page .img_wrap {
    padding-top: 133%
}

.competition_goods.slider_page .buy_wrap {
    margin-top: -2px;
    padding-bottom: 0
}

.de_return_toApp {
    position: fixed;
    z-index: 10;
    top: 30%;
    left: 0;
    padding: 0 21px 0 18px;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    height: 26px;
    line-height: 26px;
    font-size: 12px;
    max-width: 6em;
    color: #fff;
    background: rgba(242, 48, 48, .7) url() no-repeat 6px;
    background-size: 6px
}

.de_return_toApp i.close {
    position: absolute;
    right: 0;
    top: 0;
    width: 21px;
    height: 26px;
    background: url() no-repeat 50%;
    background-size: 5px;
    border-top-right-radius: 9px;
    border-bottom-right-radius: 9px
}

.buy_area .bars_group {
    margin: 10px 18px
}

.buy_area .bars_group .bars_group_item {
    margin: 0
}

.buy_area .bars_group .bars_group_item:not(:first-child) {
    position: relative
}

.buy_area .bars_group .bars_group_item:not(:first-child):after {
    border-color: #fff
}

.buy_area .cashback_bar,
.buy_area .plus_bar,
.buy_area .power_bar,
.buy_area .sams_bar,
.buy_area .watsons_bar {
    margin: 10px 18px;
    padding: 0 10px;
    color: #999;
    background-color: #eff1f3;
    border-radius: 6px
}

.buy_area .cashback_bar .price,
.buy_area .plus_bar .price,
.buy_area .power_bar .price,
.buy_area .sams_bar .price,
.buy_area .watsons_bar .price {
    font-size: 12px;
    color: #f2270c
}

.buy_area .cashback_bar .bar_action,
.buy_area .plus_bar .bar_action,
.buy_area .power_bar .bar_action,
.buy_area .sams_bar .bar_action,
.buy_area .watsons_bar .bar_action {
    position: relative;
    padding-right: 13px;
    float: right;
    color: #3985ff
}

.buy_area .cashback_bar .bar_action:after,
.buy_area .plus_bar .bar_action:after,
.buy_area .power_bar .bar_action:after,
.buy_area .sams_bar .bar_action:after,
.buy_area .watsons_bar .bar_action:after {
    right: 2px;
    width: 8px;
    height: 8px;
    border-color: #3985ff
}

.buy_area .plus_bar {
    background: #fcf9da;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    position: relative;
    color: #262626;
    height: auto;
    padding: 9px 20px 9px 10px;
    line-height: 18px;
    overflow: hidden
}

.buy_area .plus_bar .mod_sign_tip {
    height: 13px
}

.buy_area .plus_bar .text {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    margin-right: 5px
}

.buy_area .plus_bar .text i {
    color: #f2270c
}

.buy_area .plus_bar .go {
    width: auto;
    height: 18px;
    margin-right: 5px;
    color: #333
}

.buy_area .plus_bar::after {
    content: ""
}

.buy_area .plus_bar.rob {
    height: auto;
    position: relative;
    padding: 5px 20px 5px 41px;
    line-height: 18px;
    color: #c09947;
    background-color: #fff
}

.buy_area .plus_bar.rob .mod_sign_tip {
    position: absolute;
    left: 10px;
    top: 9px
}

.buy_area .plus_bar.rob .mod_sign_tip .icon_plus {
    vertical-align: baseline
}

.buy_area .plus_bar.rob .go {
    color: #c09947
}

.buy_area .plus_bar.rob .go::after {
    border-color: #c09947;
    top: 14px
}

.buy_area .plus_bar.rob span {
    display: inline-block
}

.buy_area .plus_bar.rob::before {
    border-color: #c09947;
    border-radius: 12px
}

.buy_area .plus_bar.rob::after {
    display: none
}

.buy_area .sams_bar {
    height: 35px;
    line-height: 35px
}

.buy_area .sams_bar a {
    color: #1a68bc
}

.buy_area .sams_bar .go_buy {
    position: relative;
    padding-right: 18px
}

.buy_area .sams_bar .go_buy:after {
    top: 9px;
    right: 6px;
    width: 6px;
    height: 6px;
    border-width: 2px;
    border-color: #1a68bc
}

.buy_area .sams_bar .float {
    float: right
}

.buy_area a.power_bar {
    position: relative;
    padding-right: 23px
}

.buy_area a.power_bar:after {
    right: 14px;
    width: 6px;
    height: 6px;
    border-width: 2px;
    border-color: #3985ff;
    margin-top: -4px
}

.buy_area .power_bar {
    display: block;
    height: 35px;
    line-height: 35px
}

.buy_area .power_bar em {
    color: #f2270c
}

.buy_area .power_bar span {
    color: #3985ff
}

.buy_area .power_bar .power_bar_right {
    float: right
}

.buy_area .power_bar .qq_vip {
    display: inline-block;
    margin: -2px 5px 0 0;
    width: 15px;
    height: 15px;
    vertical-align: middle;
    background: url();
    background-size: 15px
}

.buy_area .cashback_bar {
    background-color: #f7f7f7;
    height: 35px;
    line-height: 35px;
    border-radius: 2px;
    overflow: hidden
}

.buy_area .cashback_bar .cashback_tip {
    font-size: 12px;
    color: #333
}

.buy_area .cashback_bar .cashback_num {
    float: right;
    font-size: 12px;
    color: #999;
    clear: both
}

.buy_area .watsons_bar {
    background-color: #f7f7f7;
    height: 35px;
    line-height: 35px
}

.buy_area .watsons_bar .icon_watsons {
    display: inline-block;
    vertical-align: middle;
    width: 15px;
    height: 15px;
    margin-right: 2px;
    background: url() no-repeat;
    background-size: 15px
}

.buy_area .watsons_bar a {
    color: #e93b3d
}

.buy_area .watsons_bar .go_buy {
    position: relative;
    padding-right: 18px
}

.buy_area .watsons_bar .go_buy:not(.gray):after {
    margin-top: -4.24px;
    right: 6px;
    width: 6px;
    height: 6px;
    border-left-width: 2px;
    border-top-width: 2px;
    border-color: #e93b3d
}

.buy_area .watsons_bar .go_buy.gray {
    color: #999
}

.buy_area .watsons_bar .float {
    float: right
}

.detail_bottom_blackBar {
    position: fixed;
    z-index: 105;
    bottom: 50px;
    left: 0;
    right: 0;
    max-width: 520px;
    min-width: 300px;
    margin: 0 auto;
    padding: 6px 10px;
    font-size: 12px;
    color: #fff;
    background-color: rgba(0, 0, 0, .8)
}

.detail_bottom_blackBar a {
    color: #3985ff
}

.detail_bottom_blackBar a:after {
    position: static;
    display: inline-block;
    margin-top: -2px;
    vertical-align: middle;
    width: 8px;
    height: 8px;
    border-color: #3985ff
}

.detail_extra_ms .detail_info_tab_v3 {
    position: relative;
    height: 40px;
    padding-left: 10px;
    line-height: 40px;
    font-size: 14px;
    color: #333
}

.mod_recommend {
    margin: 0;
    background-color: #e8e8ed
}

.bottom_fix_btn.bg_blue {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    max-width: 540px;
    font-size: 14px;
    margin: auto;
    height: 40px;
    line-height: 40px;
    text-align: center;
    color: #fff;
    background-color: #3985ff;
    z-index: 20
}

.detail_new_mod_service {
    position: relative;
    display: inline-block;
    padding-left: 15px;
    height: 15px;
    line-height: 15px;
    background: #4b9bfb no-repeat -1px -1px;
    background-size: 17px 17px;
    margin-right: 3px;
    border-radius: 2px
}

.detail_new_mod_service:after {
    border-color: #4b9bfb;
    border-radius: 2px
}

.detail_new_mod_service .service_name {
    display: block;
    height: 15px;
    padding: 0 2.5px;
    font-size: 10px;
    color: #4b9bfb;
    background-color: #fff
}

.detail_new_mod_service.package {
    background-image: url()
}

.detail_new_mod_service.protect {
    background-image: url()
}

.detail_transfer {
    position: relative
}

.detail_transfer .detail_transfer_row {
    position: relative;
    padding: 18px 20px 18px 0;
    font-size: 13px
}

.detail_transfer .detail_transfer_row::before {
    left: 10px
}

.detail_transfer .detail_transfer_row .detail_transfer_row_link {
    position: absolute;
    right: 0
}

.detail_transfer .detail_transfer_row .detail_transfer_row_tit {
    width: 38px;
    color: #262626;
    font-weight: 700
}

.detail_transfer .detail_transfer_row .detail_transfer_row_content {
    font-size: 13px;
    color: #262626;
    overflow: hidden
}

.detail_transfer .detail_transfer_row .detail_transfer_row_content .detail_transfer_row_content_icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 4px;
    height: 13px
}

.detail_transfer .detail_transfer_row .detail_transfer_row_content .detail_transfer_row_content_icon img {
    display: block;
    height: 100%
}

.detail_transfer .detail_transfer_row .detail_transfer_row_content small {
    font-size: 12px;
    color: #999
}

.detail_transfer .detail_transfer_row .detail_transfer_row_content b {
    font-weight: 400
}

.detail_transfer .detail_transfer_row .detail_transfer_row_content span {
    font-size: 12px;
    color: #f2270c;
    margin-right: 3px
}

.detail_transfer+.detail_deliver_serve .de_row:before {
    display: none
}

.detail_transfer .detail_transfer_row.tax .detail_transfer_row_content {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.detail_transfer .detail_transfer_row.tax .detail_transfer_row_content .tax-nation {
    height: 16px;
    margin-right: 5px
}

.detail_transfer .detail_transfer_row.tax .detail_transfer_row_content .tax-info {
    width: 12px;
    height: 12px;
    padding-left: 5px;
    background: url(https://img12.360buyimg.com/img/s24x24_jfs/t1/141291/7/2835/875/5f0c0e54E32d4b9b0/cc0e60d09316e75b.png) no-repeat 100%;
    background-size: 12px 12px
}

.detail_serve {
    position: relative;
    color: #262626;
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    padding-right: 20px
}

.detail_serve:after {
    content: "";
    right: 0;
    top: 0
}

.detail_serve_container {
    padding: 9px 18px;
    margin: 0 -18px;
    background-color: #fafafa
}

.detail_serve .detail_serve_item {
    padding: 3px 12px 3px 0;
    display: inline-block;
    line-height: 1;
    color: #8c8c8c
}

.detail_serve .detail_serve_item:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    margin-top: -2px;
    margin-right: 6px;
    width: 11px;
    height: 11px;
    background: url() no-repeat;
    background-size: 11px auto
}

.detail_serve .detail_serve_item.disabled:before {
    background-image: url()
}

.de_pm .dispatch_way {
    position: relative
}

.de_pm .dispatch_way .de_row.addr {
    margin-left: 40px
}

.de_pm .dispatch_way .de_row.addr:before {
    right: -10px
}

.de_pm .dispatch_way .de_row.addr .icon_point {
    right: 0
}

.buy_tip_v2 {
    position: relative;
    margin: 4px 18px 12px;
    font-size: 12px;
    color: #333
}

.buy_tip_v2.type_medicine {
    padding-top: 12px;
    color: #999
}

.buy_tip_v2.type_medicine::before {
    margin: 0 10px
}

.buy_tip_v2 .buy_tip_v2_line:not(:last-child) {
    margin-bottom: 4px
}

.buy_tip_v2 .buy_tip_v2_title {
    margin-right: 10px;
    color: #999
}

.buy_tip_v2 .buy_tip_v2_icon_info {
    display: inline-block;
    padding-right: 5px;
    margin: -2px 0 0 5px;
    width: 12px;
    height: 12px;
    vertical-align: middle;
    background: url() no-repeat;
    background-size: 12px
}

.mod_key_parameters {
    margin: 0 18px
}

.detail_kepler_return_main .body {
    margin-bottom: 50px;
    max-height: 379px
}

.detail_kepler_return_main .body ul {
    padding-left: 10px
}

.detail_kepler_return_main .body ul li {
    position: relative;
    padding: 12px 10px 12px 0
}

.detail_kepler_return_main .body ul li:not(:last-child):after {
    border-color: #e5e5e5
}

.detail_kepler_return_main .body ul li .title {
    color: #ae65a2
}

.detail_kepler_return_main .body ul li .content {
    margin-top: 3px;
    color: #666;
    letter-spacing: 0
}

.detail_kepler_return_main .mod_btns {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 0;
    padding: 15px 10px
}

.detail_kepler_return_main .mod_btns .mod_btn {
    font-size: 16px;
    height: 40px;
    line-height: 40px;
    border-radius: 20px;
    background-color: #802f70;
    color: #fff
}

.detail_kepler_return_main .mod_btns .mod_btn:active {
    background-color: #802f70
}

.mod_slider.right_bottom_tag_move .lnk_3d,
.mod_slider.right_bottom_tag_move .lnk_read,
.mod_slider.right_bottom_tag_move .lnk_scene {
    bottom: 40px
}

.mod_slider .inner .activity_tag,
.mod_slider .inner .corner_tag,
.mod_slider .inner .lnk_3d,
.mod_slider .inner .lnk_read,
.mod_slider .inner .lnk_scene,
.mod_slider .inner .service_tag {
    z-index: 11
}

.mod_slider .inner .corner_tag {
    position: absolute;
    top: 10px;
    padding-left: 4px;
    height: 26px;
    line-height: 26px;
    border-top-right-radius: 2px;
    border-bottom-right-radius: 2px;
    color: #fff;
    font-size: 12px
}

.mod_slider .inner .corner_tag.linear_red {
    background: -webkit-gradient(linear, left top, right top, from(#f23030), to(#ef2357));
    background: -webkit-linear-gradient(left, #f23030, #ef2357);
    background: linear-gradient(90deg, #f23030, #ef2357)
}

.mod_slider .inner .corner_tag.linear_blue {
    background: -webkit-gradient(linear, left top, right top, from(#2a9ee8), to(#2a70e8));
    background: -webkit-linear-gradient(left, #2a9ee8, #2a70e8);
    background: linear-gradient(90deg, #2a9ee8, #2a70e8)
}

.mod_slider .inner .corner_tag .icon {
    position: relative;
    display: inline-block;
    margin-top: -2px;
    padding: 0 5px 0 0;
    width: 12px;
    height: 12px;
    vertical-align: middle
}

.mod_slider .inner .corner_tag .icon:after {
    top: 1px;
    bottom: 1px;
    border-color: hsla(0, 0%, 100%, .5)
}

.mod_slider .inner .corner_tag .icon.ebook {
    background: url() no-repeat 0 0;
    background-size: 12px
}

.mod_slider .inner .corner_tag .content {
    margin: 0 5px 0 1px
}

.detail_faqbox {
    margin-top: 2px;
    border-top-left-radius: 0;
    border-top-right-radius: 0
}

.detail_faqbox_head {
    position: relative;
    padding: 0;
    padding-left: 7px;
    height: 44px;
    line-height: 44px;
    font-size: 15px;
    color: #262626;
    font-weight: 700
}

.detail_faqbox_head_empty,
.detail_faqbox_head_num {
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 15px;
    font-size: 12px;
    color: #8c8c8c;
    font-weight: 400
}

.detail_faqbox_head_empty::after,
.detail_faqbox_head_num::after {
    display: block;
    content: "";
    right: 0
}

.detail_faqbox_list {
    position: relative;
    padding: 4px 0 18px
}

.detail_faqbox_list li {
    position: relative;
    height: 12px;
    line-height: 12px
}

.detail_faqbox_list li:not(:last-child) {
    margin-bottom: 18px
}

.detail_faqbox_list_desc {
    padding-right: 80px;
    color: #333;
    font-size: 12px
}

.detail_faqbox_list_desc::before {
    content: "问";
    display: inline-block;
    margin: -1px 5px 0 0;
    width: 14px;
    height: 14px;
    line-height: 14px;
    border-radius: 2px;
    background-color: #ff9600;
    color: #fff;
    font-size: 10px;
    vertical-align: middle;
    text-align: center
}

.detail_faqbox_list_num {
    position: absolute;
    top: 0;
    right: 0;
    color: #999;
    font-size: 12px
}

.detail_faqbox_empty {
    height: 45px;
    line-height: 45px;
    color: #999;
    font-size: 14px;
    text-align: center
}

.detail_faqbox_empty span {
    color: #3985ff
}

.detail_faqbox_empty span::after {
    position: relative;
    top: 0;
    width: 10px;
    height: 10px;
    margin-top: -2px;
    margin-left: 4px;
    display: inline-block;
    vertical-align: middle;
    border-color: #3985ff
}

.process_tip {
    height: 25px;
    line-height: 25px;
    color: #fe7d14;
    font-size: 12px;
    background: url() no-repeat;
    background-size: cover;
    background-position: 50%
}

.process_tip .step {
    float: left;
    text-align: center
}

.process_tip .step i {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin: 0 2px -1px 0
}

.process_tip .step.step_1 {
    width: 40%
}

.process_tip .step.step_1 i {
    background: url() no-repeat;
    background-size: contain
}

.process_tip .step.step_2 {
    width: 60%
}

.process_tip .step.step_2 i {
    background: url() no-repeat;
    background-size: contain
}

.mod_alert p {
    max-height: 200px;
    overflow: auto
}

.buy_area .installment {
    margin: 0 10px 15px;
    background-color: #f2f2f7;
    border-radius: 6px;
    overflow: hidden
}

.buy_area .installment .installment_head {
    position: relative;
    height: 33px;
    line-height: 33px;
    font-size: 14px;
    color: #6a77b6
}

.buy_area .installment .installment_head::before {
    border-color: #aeb4d6;
    top: 50%;
    right: 10px
}

.buy_area .installment .installment_head span {
    display: inline-block;
    position: relative;
    z-index: 1;
    padding: 0 10px;
    background-color: #f2f2f7
}

.buy_area .installment .installment_line {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    padding: 0 10px 10px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.buy_area .installment .installment_line_item {
    position: relative;
    padding-left: 12px;
    margin-left: 10px;
    min-width: 53px;
    height: 20px;
    border-top-right-radius: 3px;
    border-bottom-right-radius: 3px;
    line-height: 20px;
    font-size: 12px;
    color: #fff;
    background-color: #6a77b6
}

.buy_area .installment .installment_line_item .num {
    position: absolute;
    left: -10px;
    top: 0;
    width: 18px;
    height: 18px;
    line-height: 18px;
    text-align: center;
    border: 1px solid #6a77b6;
    border-radius: 18px;
    font-size: 12px;
    font-weight: 700;
    color: #6a77b6;
    background-color: #fff
}

.buy_area .installment .installment_line_item:empty {
    visibility: hidden
}

@media screen and (max-width:374px) {
    .buy_area .installment .installment_line_item {
        padding-left: 11px;
        min-width: 46px;
        font-size: 10px
    }
    .buy_area .installment .installment_line_item .num {
        font-size: 10px
    }
}

.buy_area .forenotice {
    margin-bottom: 15px;
    padding: 5px 10px 7px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    background-color: #fef3f7
}

.buy_area .forenotice_info {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.buy_area .forenotice_info_price {
    font-size: 12px;
    color: #333;
    font-weight: 700
}

.buy_area .forenotice_info_price_int {
    font-size: 16px
}

.buy_area .forenotice_info_tips {
    margin-top: 3px;
    font-size: 12px;
    color: #666
}

.buy_area .forenotice_inform {
    display: block;
    width: 58px;
    height: 20px;
    line-height: 20px;
    text-align: center;
    border-radius: 2px;
    font-size: 12px;
    background: #fff;
    position: relative;
    color: #333
}

.buy_area .forenotice_inform.disabled {
    background: #ccc;
    color: #999
}

.buy_area .forenotice_inform.disabled:active {
    background: #bfbfbf
}

.buy_area .forenotice_inform:active {
    background: #f2f2f2
}

.detail_book_ranking {
    position: relative;
    height: 42px;
    line-height: 42px;
    font-size: 0;
    word-break: break-word;
    overflow: hidden
}

.detail_book_ranking::after {
    display: block;
    right: 0;
    content: ""
}

.detail_book_ranking .detail_book_ranking_title {
    margin-right: 16px;
    font-size: 13px;
    color: #262626;
    font-weight: 700
}

.detail_book_ranking .detail_book_ranking_text {
    font-size: 13px;
    color: #333
}

.detail_book_ranking .detail_book_ranking_text em {
    color: #f2270c
}

.mod_alert .logo_coupons {
    margin: 0 auto;
    width: 69px;
    height: 73px;
    background: url();
    background-size: 69px
}

.m_header .header_content {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100%;
    z-index: 101
}

.detail_anchor_wrap {
    height: 44px
}

.detail_anchor_wrap.fixed .detail_anchor {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    max-width: 540px;
    margin: 0 auto;
    z-index: 101
}

.detail_anchor_wrap .detail_anchor {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    height: 44px;
    line-height: 44px;
    font-size: 13px;
    color: #666;
    background-color: unset;
    box-shadow: 0 1px 6px rgba(0, 0, 0, .1)
}

.detail_anchor_wrap .detail_anchor_item {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    text-align: center
}

.detail_anchor_wrap .detail_anchor_item.cur {
    font-weight: 700;
    font-size: 13px;
    color: #262626;
    position: relative
}

.detail_anchor_wrap .detail_anchor_item.cur span {
    background: unset;
    padding-left: 0
}

.detail_anchor_wrap .detail_anchor_item.cur::after {
    display: block;
    position: absolute;
    content: "";
    width: 28px;
    height: 3px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    background-image: -webkit-gradient(linear, left top, right top, from(#f5503a), to(#fad1cb));
    background-image: -webkit-linear-gradient(left, #f5503a, #fad1cb);
    background-image: linear-gradient(90deg, #f5503a, #fad1cb);
    bottom: 6px
}

.detail_anchor_wrap .detail_anchor_item.active {
    font-weight: 700;
    font-size: 13px;
    color: #262626
}

.detail_anchor_wrap .line {
    bottom: 6px;
    height: 3px;
    background-image: -webkit-gradient(linear, left top, right top, from(#f5503a), to(#fad1cb));
    background-image: -webkit-linear-gradient(left, #f5503a, #fad1cb);
    background-image: linear-gradient(90deg, #f5503a, #fad1cb)
}

.mod_fix_wrap {
    position: static;
    margin-top: 15px;
    height: 61px
}

.detail_recommend_more_btn {
    position: relative;
    height: 44px;
    line-height: 44px;
    text-align: center;
    font-size: 14px;
    color: #333
}

.detail_panoramic {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-width: 540px;
    margin: 0 auto;
    background-color: #000;
    z-index: 300
}

.detail_panoramic .detail_panoramic_images {
    margin-top: 50px;
    font-size: 0;
    font-family: none;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow: hidden;
    overflow-x: auto
}

.detail_panoramic .detail_panoramic_images .detail_panoramic_image {
    display: inline-block;
    vertical-align: top
}

.detail_panoramic .detail_panoramic_image {
    position: relative;
    padding-top: 100%;
    width: 100%
}

.detail_panoramic .detail_panoramic_image img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%
}

.detail_panoramic .detail_panoramic_swipe {
    margin: 15px auto 0;
    width: 325px;
    height: 45px;
    border-radius: 45px;
    line-height: 45px;
    text-align: center;
    font-size: 14px;
    color: #fff;
    background-color: hsla(0, 0%, 100%, .1);
    -webkit-user-select: none;
    user-select: none
}

@media screen and (max-width:374px) {
    .detail_panoramic .detail_panoramic_swipe {
        width: 280px
    }
}

.detail_panoramic .detail_panoramic_swipe.on {
    background-color: hsla(0, 0%, 100%, .2)
}

.detail_panoramic .detail_panoramic_swipe .detail_panoramic_swipe_icon {
    margin: -2px 10px 0 0;
    display: inline-block;
    width: 36px;
    height: 18px;
    vertical-align: middle;
    background: url();
    background-size: 36px
}

.de_btn_wrap .btn .detail_addcart_tips {
    display: none;
    font-size: 12px;
    position: absolute;
    bottom: 57px;
    left: -32px;
    height: 32px;
    width: 200px;
    background-image: -webkit-gradient(linear, right top, left top, from(#803cfb), to(#5b087c));
    background-image: -webkit-linear-gradient(right, #803cfb, #5b087c);
    background-image: linear-gradient(-90deg, #803cfb, #5b087c);
    border-radius: 17px;
    box-shadow: 2px 2px 2px rgba(124, 9, 135, .5)
}

.de_btn_wrap .btn .detail_addcart_tips::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-right: 1px solid #6e22bc;
    border-top: 1px solid #6e22bc;
    position: absolute;
    bottom: -3px;
    left: 100px;
    background-color: #6e22bc;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg)
}

.de_btn_wrap .btn .detail_addcart_tips .close {
    padding: 8px 10px 8px 15px;
    position: absolute;
    top: 0;
    left: 0
}

.de_btn_wrap .btn .detail_addcart_tips .close::before {
    content: "";
    display: block;
    width: 16px;
    height: 16px;
    background: url() 50% no-repeat;
    background-size: 11px auto;
    opacity: .8
}

.de_btn_wrap .btn .detail_addcart_tips .close::after {
    content: "";
    display: block;
    height: 11px;
    border-right: 1px solid #fff;
    opacity: .5;
    position: absolute;
    right: 0;
    top: 11px
}

.de_btn_wrap .btn .detail_addcart_tips .r-icon {
    padding: 6px 10px 6px 6px;
    position: absolute;
    top: 0;
    right: 0
}

.de_btn_wrap .btn .detail_addcart_tips .r-icon::before {
    content: "";
    display: block;
    width: 6px;
    height: 6px;
    border-right: 2px solid #fee164;
    border-top: 2px solid #fee164;
    position: absolute;
    right: 15px;
    top: 12px;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg)
}

.de_btn_wrap .btn .detail_addcart_tips .content {
    position: absolute;
    top: 0;
    right: 0;
    color: #fee164;
    line-height: 32px;
    padding-right: 26px
}

.de_btn_wrap .btn.show_tips .detail_addcart_tips {
    display: block
}

.de_btn_wrap {
    z-index: 106
}

.de_btn_wrap .btn .detail_buy_tips {
    display: none;
    position: absolute;
    bottom: 57px;
    right: 18.5px;
    height: 43px;
    width: 125.5px;
    background: url() no-repeat;
    background-size: cover;
    text-align: center
}

.de_btn_wrap .btn .detail_buy_tips .content {
    font-size: 12px;
    line-height: 32px;
    text-shadow: 0 0 2px #e98736
}

.de_btn_wrap .btn.show_tips .detail_buy_tips {
    display: block
}

.de_btn_wrap .price {
    font-family: JDZH-Regular;
    display: block;
    font-size: 10px;
    line-height: 1;
    color: #fff;
    margin: 5.5px 0 -10px
}

@font-face {
    font-family: JDZH-Regular;
    src: url(data:application/x-font-ttf;charset=utf-8;base64,AAEAAAAKAIAAAwAgT1MvMlygaLMAAACsAAAAYGNtYXAWJx3sAAABDAAAAWJnbHlmgKw94wAAAnAAAARIaGVhZBDB7gIAAAa4AAAANmhoZWEHAwIYAAAG8AAAACRobXR4HQwCZQAABxQAAAA0bG9jYQaGB4AAAAdIAAAAHG1heHAAEQA4AAAHZAAAACBuYW1lKw5l7gAAB4QAAANycG9zdABIAU0AAAr4AAAAPAAEAjwBkAAFAAgCywKUAAAAUgLLApQAAAGBADIBSgAAAAAIAAAAAAAAAAAAAAEQAAAAAAAAAAAAAABCSkpEAEAALgC0A4b/DgCwBDYA8gAAAAEAAAAAAiYDAgAAACAAAgAAAAMAAAADAAAAHAABAAAAAABcAAMAAQAAABwABABAAAAADAAIAAIABAAuADkApQC0/////wAAAC4AMAClALT//////93/0f9n/1gAAQABAAAAAAAAAAAAAAAAAAABBgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAsAAQIDBAUGBwgJCgAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAADAAAAAAAAAAAAAAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAIALP/1AhkDGAARACEAAAAeARURFA4BIyIuATURND4BMxYmIyIOARURFB4BMzI2NREBZXJCQnJDQ3FCQnFDfEg0ITkiIjkhNEgDGEJxQ/7JQ3FCQnFDATdDcUK4SSI5If6zITkiSTMBTQAAAAEAWAAAAVsDAgAKAAASFhURMxEjBgcVM9wGeVgwe3QCOhUc/fcDAmoSTAAAAQAsAAACDgMYACcAACUhNTc+ATc+AjU0JiMiBh0BIzU0PgEzMhYXFhUUDgEHBgcOAQ8BIQIO/h4EP3MRQjweNi41RHo7akVeeQ4EHjAvNyISLgkXATkAYQZRjhVRTTsZJDpGNhUVQmo9W0gTFiVIRjtFLxk7Cx0AAQAj//UCIwMNACMAACQOASMiLgE1FxQWFx4BMzI+ATU0JicuASM1NyE1IRUHHgIVAiNFdUVGdkV9AwEMRy0kPSMeHRpHSKX+1gHIqjdbNK91RUZ2RAEREQQqNSQ+JSI8FhIJbqtvbbMLSWo7AAAAAAEAHwAAAj0DDQAOAAAlFSMVIzUhNQEzAzM1MxUCPUt8/qkBCIf+xnz1b4aGWQIu/ejY2AABAD3/9QI5Aw0AIQAAAB4BFRQOASMiLgEnMx4BMz4BNTQmIyIGByMTIRUhBz4BMwGNczk9c05OcTwDegRGQUA9QkIpNxV7VwFy/vIjDC0fAgJKdkJGektDdEhAUARbPT5UHRoBsm6yBw4AAAACADf/9QIzAw0AFQAjAAAAHgEVFA4BIyIuATU0PgE/AgMyNjMSNjU0JiMiDgEVFB4BMwGNaztCc0lJc0ImS1gzjasBHRYrRD9GKTseHjwqAgNGd0ZTeT8/eVM5boSPUgH+8wP+YVw+OlsrRCYnRywAAQAhAAACAwMNAAYAADcjASE1IRXdgwEn/qAB4gACnm9wAAAAAwAz//UCLwMYABkAJQA1AAAAFRQOASMiLgE1NDcuATU0PgEzMh4BFRQGBwIGFRQWMzI2NTQmIxI+ATU0LgEjIg4BFRQeATMCL0B0Skp0QGAjJDtpQUFpOyUjzjk+LCw9OTAoPCAkPSMkPSMgPCgBVXNAbUBAbUBzSB5LNj1lOjplPTVLHwELQyktPz8tKUP9vSU6HiI5IiI5Ih46JQAAAAIALAAAAigDGAAWACUAABIuATU0PgEzMh4BFRQOAQcGDwETMAYjAg4BFRQWMzI+ATU0LgEj0ms7QnNJSXNCJUlVFiOOrhMjFjweQEYpOx4ePCoBCkZ3RlN5Pz95UzlsgYoiOgEBDgQBnyxHJzpbK0QmJ0csAAAAAAEAQv/1ANwAjwALAAAWNjU0JiMiBhUUFjOvLS0gIC0uHwstICAtLSAfLgAAAQA9AAACrAMNABkAAAEVIwcVMxUjFSM1IzUzNScjNTMDMxMzEzMDApTZCL+/fMDACtiZsYWpE6mFsQH8Ww5YXN/fXFgOWwER/u8BEf7vAAABAAAAAQAA8TQctV8PPPUABwRMAAAAANbRI74AAAAA2AqF7wAf//UCrAMYAAAABwACAAAAAAAAAAEAAAQ2/w4AAALdAB8AHwKsAAEAAAAAAAAAAAAAAAAAAAANAjwAAAJFACwB3wBYAkUALAJZACMCXAAfAmoAPQJZADcCMgAhAmMAMwJfACwBHgBCAt0APQAAAAAANgBMAIgAwADaARABSAFaAaoB5gH8AiQAAQAAAA0ANgADAAAAAAACAAAAAAAAAAAAAAAAAAAAAAAAABYBDgABAAAAAAAAADIAAAABAAAAAAABAA0AMgABAAAAAAACAAcAPwABAAAAAAADAB8ARgABAAAAAAAEABQAZQABAAAAAAAFAA0AeQABAAAAAAAGABQAhgABAAAAAAAIABAAmgABAAAAAAAJAAwAqgABAAAAAAALAAoAtgABAAAAAAAMAA4AwAADAAEECQAAAGQAzgADAAEECQABABQBMgADAAEECQACAA4BRgADAAEECQADAD4BVAADAAEECQAEACgBkgADAAEECQAFABoBugADAAEECQAGACgB1AADAAEECQAIACAB/AADAAEECQAJABgCHAADAAEECQALABQCNAADAAEECQAMABwCSENvcHlyaWdodChjKSAgQkVJSklORyBKSU5HRE9ORyBURUNITk9MT0dZIENPLiwgTFRETsKsThxrY8Kew5FPU1JlZ3VsYXIxLjAwMDtCSkpEO0pEWmhlbmdIVC1FTi1SZWd1bGFySkRaaGVuZ0hULUVOIFJlZ3VsYXJWZXJzaW9uIDEuMDAwSkRaaGVuZ0hULUVOLVJlZ3VsYXJKRCBDZW50ZXIgRGVzaWduTG9uZ3poZW5na3Vud3d3LmpkLmNvbWpkYy5kZXNpZ24uY29tAEMAbwBwAHkAcgBpAGcAaAB0ACgAYwApACAAIABCAEUASQBKAEkATgBHACAASgBJAE4ARwBEAE8ATgBHACAAVABFAEMASABOAE8ATABPAEcAWQAgAEMATwAuACwAIABMAFQARABOAKwATgAcAGsAYwCeANEATwBTAFIAZQBnAHUAbABhAHIAMQAuADAAMAAwADsAQgBKAEoARAA7AEoARABaAGgAZQBuAGcASABUAC0ARQBOAC0AUgBlAGcAdQBsAGEAcgBKAEQAWgBoAGUAbgBnAEgAVAAtAEUATgAgAFIAZQBnAHUAbABhAHIAVgBlAHIAcwBpAG8AbgAgADEALgAwADAAMABKAEQAWgBoAGUAbgBnAEgAVAAtAEUATgAtAFIAZQBnAHUAbABhAHIASgBEACAAQwBlAG4AdABlAHIAIABEAGUAcwBpAGcAbgBMAG8AbgBnAHoAaABlAG4AZwBrAHUAbgB3AHcAdwAuAGoAZAAuAGMAbwBtAGoAZABjAC4AZABlAHMAaQBnAG4ALgBjAG8AbQAAAAIAAAAAAAD/tQAyAAAAAAAAAAAAAAAAAAAAAAAAAA0ADQAAABMAFAAVABYAFwAYABkAGgAbABwAEQCW) format("truetype");
    font-style: normal;
    font-weight: 400
}

.de_btn_wrap .price strong {
    font-size: 13px
}

.coupon_voucher.bg_fuli .coupon_voucher_left,
.coupon_voucher.bg_fuli .coupon_voucher_type {
    background-color: #bc934b;
    background-image: -webkit-linear-gradient(269deg, #c9a86d 2%, #bc934b 99%);
    background-image: linear-gradient(-179deg, #c9a86d 2%, #bc934b 99%)
}

.coupon_voucher.bg_fuli .coupon_voucher_right .coupon_voucher_btn.type_2 {
    color: #bc934b;
    font-size: 12px;
    position: absolute;
    bottom: 10px;
    right: 10px;
    padding: 0 10px;
    height: 20px;
    line-height: 20px
}

.coupon_voucher.bg_fuli .coupon_voucher_right .coupon_voucher_btn.type_2::before {
    content: "\20";
    display: block;
    position: absolute;
    top: 50%;
    margin-top: -4px;
    width: 6px;
    height: 6px;
    border-top: 2px solid #bc934b;
    border-left: 2px solid #bc934b;
    background: none;
    transform: rotate(135deg);
    -webkit-transform: rotate(135deg);
    right: 1px
}

.coupon_voucher.bg_fuli .coupon_voucher_right .coupon_voucher_btn.type_2::after {
    opacity: 0
}

.inline_tip {
    display: inline-block;
    width: 24px;
    height: 20px;
    vertical-align: middle;
    margin-top: -4px;
    background: url("") no-repeat 4px 3px;
    background-size: 15px
}

.de_btn_wrap .de_btn_bar {
    padding-bottom: constant(safe-area-inset-bottom);
    padding-bottom: env(safe-area-inset-bottom)
}

.detail_bottom_blackBar,
.detail_realName,
.mod_aside_v2_nav,
.WX_backtop {
    margin-bottom: constant(safe-area-inset-bottom);
    margin-bottom: env(safe-area-inset-bottom)
}

.WX_backtop {
    background: url() no-repeat 50%;
    background-size: 52px
}

.WX_backtop::after {
    content: unset
}

.bottom-to-top {
    background: url() no-repeat 50%;
    background-size: 52px;
    background-color: unset !important;
    background-position-y: -4px
}

.bottom-to-top::after {
    content: unset !important
}

.mod_coupon_voucher3 .mod_btns {
    display: none !important
}

.wiki a.wiki_content {
    position: relative;
    display: block;
    padding: 0 10px;
    background-color: #fff;
    height: 44px;
    line-height: 44px
}

.wiki a.wiki_content p {
    padding-right: 90px;
    color: #333;
    font-size: 14px
}

.wiki a.wiki_content span {
    position: absolute;
    top: 0;
    right: 12px;
    color: #999;
    font-size: 12px;
    padding-right: 16px
}

.wiki a.wiki_content span::after {
    right: 4px;
    width: 10px;
    height: 10px;
    border-color: #666
}

.kepler_notice {
    position: relative;
    background: #fcf6ed;
    padding: 0 10px;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    color: #de8c17
}

.kepler_notice.super_return .rebate-wrapper {
    position: absolute;
    top: 0;
    right: 10px;
    padding-right: 20px
}

.kepler_notice.super_return .rebate-wrapper .kepler-icon {
    position: absolute;
    right: 0;
    top: 50%;
    -webkit-transform: translate(0, -50%);
    transform: translate(0, -50%);
    width: 15px;
    height: 15px;
    background: url() no-repeat 0;
    background-size: 15px
}

.kepler_notice.closable {
    padding-left: 35px
}

.kepler_notice.closable .close {
    position: absolute;
    left: 10px;
    top: 0;
    width: 13px;
    height: 32px;
    background-image: url();
    background-size: 13px 13px;
    background-repeat: no-repeat;
    background-position: 50%
}

.detail_kepler_return_main .body ul {
    padding: 10px 10px 0
}

.detail_kepler_return_main .body ul li {
    padding: 0 0 8px
}

.detail_kepler_return_main .body ul li .title {
    font-size: 14px;
    color: #333;
    line-height: 21px
}

.detail_kepler_return_main .body ul li .content {
    font-size: 12px;
    color: #999;
    line-height: 18px
}

.detail_kepler_return_main .body ul li:not(:last-child):after {
    border-color: transparent
}

.detail_kepler_return_main .mod_btns {
    padding-top: 45px;
    background-image: -webkit-gradient(linear, left top, left bottom, from(hsla(0, 0%, 100%, 0)), color-stop(35%, #fff));
    background-image: -webkit-linear-gradient(top, hsla(0, 0%, 100%, 0), #fff 35%);
    background-image: linear-gradient(-180deg, hsla(0, 0%, 100%, 0), #fff 35%)
}

.detail_kepler_return_main .mod_btns .mod_btn {
    box-shadow: 0 -2px 4px 0 rgba(0, 0, 0, .07);
    background: #f2270c
}

.detail_kepler_return_main .mod_btns .mod_btn:active {
    background: #f2270c
}

.cash_return_icon,
.cash_return_price {
    display: inline-block;
    color: #f2270c;
    height: 100%;
    padding: 0 3px;
    font-size: 12px
}

.cash_return_icon::before,
.cash_return_price::before {
    content: "";
    display: inline-block;
    width: 0;
    height: 100%;
    vertical-align: middle;
    margin-top: 1px
}

.cash_return {
    display: inline-block;
    font-weight: 700;
    border: 1px solid #f2270c;
    border-radius: 3px;
    vertical-align: middle;
    font-size: 0;
    height: 18px;
    line-height: 18px;
    white-space: nowrap
}

.cash_return_icon {
    background: #f2270c;
    color: #fff
}

.trace_title {
    display: block;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    font-weight: 400;
    position: relative;
    color: #333
}

.trace_title .trace_more {
    float: right;
    font-size: 12px;
    color: #999;
    padding-right: 17px
}

.trace_title .trace_more:after {
    content: "";
    right: 0
}

.trace_title .trace_tip {
    display: inline-block;
    background: #6a77b6;
    position: relative;
    color: #fff;
    border-radius: 2px;
    min-width: 16px;
    font-size: 10px;
    line-height: 15px;
    vertical-align: middle;
    margin-top: -2px;
    padding-right: 3px;
    text-align: center
}

.trace_title .trace_tip_title {
    margin: 1px;
    background: #fff;
    color: #6a77b6;
    padding: 0 3px;
    display: inline-block
}

.trace_video_list {
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.trace_video_list li {
    width: 0;
    display: inline-block;
    text-align: center;
    margin-right: 10px
}

.trace_video_list li:last-child {
    margin-right: 0
}

.trace_video_list li .trace_video {
    max-width: 100%;
    position: relative;
    border-radius: 6px;
    overflow: hidden
}

.trace_video_list li .trace_video_guide {
    width: 100%;
    height: auto;
    top: 0;
    left: 0;
    position: absolute;
    pointer-events: none
}

.trace_video_list li .trace_video img {
    border-radius: 6px
}

.trace_video_list li .trace_video video {
    max-width: 100%;
    max-height: 100%;
    border-radius: 6px
}

.trace_video_list li .trace_video::before {
    content: "";
    position: absolute;
    left: 50%;
    top: 50%;
    height: 25px;
    width: 25px;
    background-image: url();
    background-size: 25px;
    background-repeat: no-repeat;
    transform: translate(-50%, -50%);
    -webkit-transform: translate(-50%, -50%);
    z-index: 1
}

.trace_video_list li .trace_video_tag {
    z-index: 1;
    position: absolute;
    top: 5px;
    background-color: #f2270c;
    height: 14px;
    line-height: 14px;
    color: #fff;
    padding: 2.5px 8px;
    font-size: 10px;
    text-align: center;
    border-radius: 0 10px 10px 0
}

.trace_video_list li .trace_video_tag.bg_black {
    background-color: #000
}

.trace_video_list li .trace_video_titile {
    font-size: 12px;
    color: #333;
    margin: 4px 0 10px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.video_fixed {
    z-index: 302;
    text-align: center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    margin: 0 auto;
    background-color: #000
}

.video_fixed video {
    width: 100%;
    height: 100%;
    background: #000
}

.video_fixed_main {
    max-width: none;
    margin-top: 200px;
    font-size: 0;
    font-family: none;
    white-space: nowrap;
    overflow: hidden
}

.video_fixed_close {
    display: inline-block;
    text-align: center;
    margin-top: 15px;
    font-size: 12px;
    color: #333;
    letter-spacing: 0;
    padding: 2px 15px;
    background: hsla(0, 0%, 100%, .8);
    box-shadow: 0 2.5px 5px 0 rgba(0, 0, 0, .05);
    border-radius: 15px
}

.detail_mendian_head {
    position: relative;
    height: 44px;
    line-height: 44px;
    font-size: 14px;
    color: #333
}

.detail_mendian_head_more {
    position: absolute;
    top: 0;
    right: 0;
    padding-right: 15px;
    font-size: 12px;
    color: #999
}

.detail_mendian_head_more::after {
    content: "";
    right: 0
}

.detail_mendian_list li {
    position: relative;
    margin-bottom: 5px
}

.detail_mendian_list_name {
    padding-right: 80px;
    color: #333;
    font-size: 14px;
    font-weight: 700;
    padding-top: 11px;
    height: 21px;
    line-height: 21px
}

.detail_mendian_list_desc {
    color: #999;
    font-size: 12px;
    padding-bottom: 7px;
    height: 18px;
    line-height: 18px
}

.detail_mendian_list_distance {
    position: absolute;
    padding-top: 11px;
    height: 21px;
    line-height: 21px;
    top: 0;
    right: 0;
    color: #999;
    font-size: 12px
}

.recommend_tab {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    background-color: #f7f7f7
}

.recommend_tab .recommend_item {
    position: relative;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    -webkit-flex-basis: 48%;
    flex-basis: 48%;
    max-width: 49.4%;
    background-color: #fff;
    margin-bottom: 5px;
    border-radius: 6px;
    overflow: hidden
}

.recommend_tab .recommend_item:nth-child(n) {
    margin-right: 5px
}

.recommend_tab .recommend_item:nth-child(2n) {
    margin-right: 0
}

.recommend_tab .recommend_item.ad_item::after {
    position: absolute;
    content: "";
    width: 1px;
    height: 1px;
    background: #666;
    opacity: .5;
    filter: alpha(opacity=50);
    right: 2px;
    bottom: 2px
}

.recommend_tab .recommend_item .recommend_item_cover {
    position: relative;
    height: 0;
    overflow: hidden;
    padding-top: 100%
}

.recommend_tab .recommend_item .recommend_item_cover img {
    position: absolute;
    max-width: 100%;
    max-height: 100%;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%)
}

.recommend_tab .recommend_item .recommend_item_cover .banner {
    position: absolute;
    width: 100%;
    height: 17.6%;
    left: 0;
    bottom: 0;
    background: rgba(233, 59, 61, .7);
    font-size: 14px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #fff
}

.recommend_tab .recommend_item .recommend_item_info {
    box-sizing: border-box;
    padding: 0 10px;
    overflow: hidden;
    line-height: 1;
    padding-bottom: 9px
}

.recommend_tab .recommend_item .recommend_item_info .recommend_item_title {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    height: 34px;
    word-break: break-all;
    margin-top: 7px;
    color: #333;
    line-height: 1.36;
    font-size: 12px;
    margin-bottom: 2px
}

.recommend_tab .recommend_item .recommend_item_info .recommend_item_price {
    display: inline-block;
    margin-top: 4px;
    height: 16px;
    color: #e93b3d;
    min-width: 40px
}

.recommend_tab .recommend_item .recommend_item_info .recommend_item_price strong {
    font-size: 10px;
    font-weight: 400
}

.recommend_tab .recommend_item .recommend_item_info .recommend_item_price strong .int {
    font-size: 16px;
    font-weight: 400
}

.recommend_tab .recommend_item .recommend_item_info .recommend_item_price strong .tip {
    font-size: 14px;
    font-weight: 400
}

.recommend_tab .recommend_item .recommend_item_info .recommend_item_price .tip {
    color: #e93b3d;
    display: inline-block;
    font-size: 10px;
    margin-right: 4px;
    vertical-align: middle
}

.recommend_tab .recommend_item .recommend_item_info .recommend_item_price .cash_return {
    margin-left: 2px;
    margin-top: -3px;
    white-space: nowrap;
    height: 14px;
    line-height: 14px
}

.recommend_tab .recommend_item .recommend_item_info .recommend_item_price .cash_return_icon {
    font-size: 10px;
    padding: 0 2px
}

.recommend_tab .recommend_item .recommend_item_info .recommend_item_price .cash_return_price {
    font-size: 10px;
    padding: 0 2px
}

.recommend_tab .recommend_item .recommend_item_info .recommend_item_buy {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    width: 35px;
    height: 35px;
    margin: -5px -5px -7px;
    overflow: hidden;
    float: right
}

.recommend_tab .recommend_item .recommend_item_info .recommend_item_buy::before {
    content: "";
    position: absolute;
    right: 5px;
    bottom: 5px;
    width: 25px;
    height: 25px;
    border-radius: 2px;
    background: url() 50% no-repeat;
    background-size: 15px auto
}

.qq_footer,
.wx_footer {
    margin-bottom: 150px
}

.bar_wrap .bar li {
    width: 15px;
    height: 3px;
    margin: 0;
    background: #f2f2f2;
    opacity: unset
}

.bar_wrap .bar li.cur {
    width: 15px;
    background: #f2270c;
    opacity: 1
}

.h5_to_wxapp_bottom_wrap {
    margin-top: 12px;
    width: 100%;
    height: 75px;
    background: url(https://img12.360buyimg.com/img/s750x150_jfs/t1/132950/37/358/35544/5ecc80f4E153abb37/b65071f3b470d5c5.png) no-repeat;
    background-size: 100% 75px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.h5_to_wxapp_bottom_wrap .h5_to_wxapp_bottom_left {
    padding-left: 18px
}

.h5_to_wxapp_bottom_wrap .h5_to_wxapp_bottom_left .h5_to_wxapp_bottom_left_title1 {
    font-size: 14px;
    color: #262626;
    line-height: 14px
}

.h5_to_wxapp_bottom_wrap .h5_to_wxapp_bottom_left .h5_to_wxapp_bottom_left_title2 {
    margin-top: 12px;
    font-size: 12px;
    color: #8c8c8c;
    line-height: 12px
}

.h5_to_wxapp_bottom_wrap .h5_to_wxapp_bottom_right {
    height: 100%;
    width: 100px;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: space-around;
    justify-content: space-around;
    padding-right: 45px
}

.h5_to_wxapp_bottom_wrap .h5_to_wxapp_bottom_right .h5_to_wxapp_bottom_rb {
    background: url(https://img12.360buyimg.com/img/s30x22_jfs/t1/126866/24/2657/498/5ec779a9E0b3aa478/00534a77c10dea8e.png) no-repeat;
    background-size: 15px 12px;
    width: 15px;
    height: 12px
}

.h5_to_wxapp_bottom_wrap .h5_to_wxapp_bottom_right .h5_to_wxapp_bottom_img {
    width: 50px;
    height: 50px
}

@media screen and (max-width:374px) {
    .h5_to_wxapp_bottom_wrap .h5_to_wxapp_bottom_left .h5_to_wxapp_bottom_left_title1 {
        font-size: 13px
    }
    .h5_to_wxapp_bottom_wrap .h5_to_wxapp_bottom_left .h5_to_wxapp_bottom_left_title2 {
        font-size: 11px
    }
}

@media screen and (max-width:321px) {
    .h5_to_wxapp_bottom_wrap .h5_to_wxapp_bottom_left .h5_to_wxapp_bottom_left_title1 {
        font-size: 12px
    }
    .h5_to_wxapp_bottom_wrap .h5_to_wxapp_bottom_left .h5_to_wxapp_bottom_left_title2 {
        font-size: 10px
    }
}

.h5_to_wxapp_bottom_wrap.h5_to_wxapp_bottom_def {
    height: auto
}

.h5_to_wxapp_bottom_wrap .h5_to_wxapp_bottom_defimg {
    width: 100%;
    height: auto
}

.special_wrap {
    padding: 0 18px;
    margin-top: 4px;
    margin-bottom: 12px
}

.special_wrap .explain {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.special_wrap .explain_tag {
    position: relative;
    font-size: 10px;
    height: 13px;
    line-height: 13px;
    color: #f2270c;
    padding: 0 2px;
    margin-right: 6px;
    border-radius: 2px;
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.special_wrap .explain_tag:before {
    border-color: #f2270c;
    border-radius: 4px
}

.special_wrap .explain_text {
    font-size: 13px;
    color: #262626
}

.special_wrap .explain_text.color-red {
    color: #f2270c
}

.special_wrap .explain_icon {
    display: block;
    width: 11px;
    height: 11px;
    padding: 0 4px;
    background: url(https://img12.360buyimg.com/img/s22x22_jfs/t1/120714/39/4086/821/5ed89f26E61d27cc9/d6202af79ff8ced6.png) no-repeat 50%;
    background-size: 11px 11px
}

.special_wrap .process_line {
    margin: 12px 21px 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -webkit-align-items: center;
    align-items: center
}

.special_wrap .process_line_item {
    font-size: 12px;
    color: #fff;
    padding: 3px 12px;
    background: #d9d9d9;
    border-radius: 18px;
    text-align: center
}

.special_wrap .process_line_item.cur {
    background: -webkit-linear-gradient(315deg, #f2140c, #f2270c 70%, #f24d0c);
    background: linear-gradient(135deg, #f2140c, #f2270c 70%, #f24d0c)
}

.special_wrap .process_line_bridge {
    height: 2px;
    width: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    background: #d9d9d9
}

.special_wrap .process_line_bridge.cur {
    background: -webkit-linear-gradient(315deg, #f2140c, #f2270c 70%, #f24d0c);
    background: linear-gradient(135deg, #f2140c, #f2270c 70%, #f24d0c)
}

.special_wrap .process_desc {
    display: -webkit-box;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
    padding-top: 6px;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.special_wrap .process_desc_item {
    font-size: 12px;
    line-height: 17px;
    color: #333;
    text-align: center;
    margin: 0 10.5px;
    width: 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1
}

.special_wrap .process_desc_item:nth-child(2) {
    -webkit-flex-shrink: 0;
    flex-shrink: 0
}

.special_wrap .process_desc_item:first-child {
    margin-left: 0
}

.special_wrap .process_desc_item:last-child {
    margin-right: 0
}

.special_wrap .process_desc_item.bubble {
    width: auto;
    -webkit-box-flex: initial;
    -webkit-flex: initial;
    flex: initial;
    position: relative;
    padding: 2px 12px 0;
    border: 1px solid #d9d9d9;
    border-radius: 12.5px
}

.special_wrap .process_desc_item.bubble::after,
.special_wrap .process_desc_item.bubble::before {
    content: "";
    position: absolute;
    top: 0;
    left: 50%;
    -webkit-transform: translate(-50%, -100%);
    transform: translate(-50%, -100%);
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-bottom: 5px solid #d9d9d9
}

.special_wrap .process_desc_item.bubble::after {
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-bottom: 4px solid #fff
}

.special_wrap .process_desc_item.bubble:first-child::after,
.special_wrap .process_desc_item.bubble:first-child::before {
    left: 42px
}

.special_wrap .process_desc_item.bubble:last-child::after,
.special_wrap .process_desc_item.bubble:last-child::before {
    left: unset;
    right: 42px;
    -webkit-transform: translate(50%, -100%);
    transform: translate(50%, -100%)
}

.special_wrap.pluszx .process_line_bridge.cur,
.special_wrap.pluszx .process_line_item.cur {
    background-image: -webkit-gradient(linear, left top, right top, from(#172047), to(#223771));
    background-image: -webkit-linear-gradient(left, #172047, #223771);
    background-image: linear-gradient(90deg, #172047, #223771)
}

.has_arrow {
    position: relative;
    padding-right: 15px
}

.has_arrow::after {
    content: "";
    right: 0;
    width: 10px;
    height: 10px
}